public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00
Code Issues Releases Wiki Activity

実装 - tooltip (Refresh, Planet setting, Planet refresh, Edit article, Delete article, Contact)

Browse Source
This commit is contained in:
Rokt33r
2015-08-23 03:05:30 +09:00
parent 04060ce252
commit 9712be909d
8 changed files with 105 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
browser/styles/main/containers/PlanetContainer.styl
View File

@@ -64,40 +64,35 @@ articleListWidth= 275px
color inactiveColor
&:hover
color textColor
.privateTooltip
position fixed
z-index popupZIndex
background-color transparentify(invBackgroundColor, 80%)
color invTextColor
padding 10px
font-size 0.9em
line-height 0.9em
border-radius 5px
white-space nowrap
opacity 0
transition 0.1s
pointer-events none
.tooltip
tooltip()
margin-left -30px
&:hover .privateTooltip
&:hover .tooltip
opacity 1
.menuBtn
.planetSettingButton
position absolute
top 12px
top 15px
right 5px
font-size 1em
font-size 0.8em
btnDefault()
box-sizing border-box
circle()
width 33px
height 33px
width 26px
height 26px
text-align center
cursor pointer
transition 0.1s
transform scale(0.8)
&:focus, &.focus
outline none
.tooltip
tooltip()
margin-top 11px
margin-left -36px
&:hover .tooltip
opacity 1
.headerControl
noSelect()
absolute top bottom right
@@ -118,10 +113,11 @@ articleListWidth= 275px
.refreshButton
display block
position absolute
top 12px
top 15px
right 55px
width 28px
height 28px
width 26px
height 26px
font-size 0.8em
btnDefault()
circle()
text-align center
@@ -129,16 +125,28 @@ articleListWidth= 275px
transition 0.1s
&:focus, &.focus
outline none
.tooltip
tooltip()
margin-top 11px
margin-left -39px
&:hover .tooltip
opacity 1
.logo
display block
position absolute
top 4px
right 10px
cursor pointer
transition 0.1s
opacity 0.9
&:hover, &.hover
img
transition 0.1s
opacity 0.9
&:hover img, &:hover .tooltip
opacity 1
.tooltip
tooltip()
margin-top -5px
margin-left -67px
.PlanetNavigator
absolute bottom left
@@ -283,6 +291,23 @@ articleListWidth= 275px
z-index 1
top 2px
right 2px
.deleteButton, .editButton
btnDefault()
text-align center
width 33px
height 33px
border-radius 16.5px
font-size 15px
margin 0 3px
.tooltip
tooltip()
margin-top 10px
&:hover .tooltip
opacity 1
.editButton .tooltip
margin-left -12px
.deleteButton .tooltip
margin-left -26px
.detailBody
absolute left right bottom
top 105px

19
browser/styles/main/containers/UserContainer.styl
View File

@@ -159,22 +159,11 @@
border-color darken(brandBorderColor, 10%)
background-color brandColor
color white
.newPlanetTooltip
position fixed
z-index 500
background-color transparentify(invBackgroundColor, 80%)
color invTextColor
padding 10px
line-height 1em
border-radius 5px
margin-top -23px
.tooltip
tooltip()
margin-top -22px
margin-left 33px
white-space nowrap
font-size 1.1em
opacity 0
transition 0.1s
pointer-events none
&:hover .newPlanetTooltip
&:hover .tooltip
opacity 1
.UserContainer
absolute top bottom right

8
browser/styles/main/index.styl
View File

@@ -16,6 +16,8 @@ body
color textColor
font-size fontSize
font-weight 400
button
font-family "Lato"
div, span, a, button, input, textarea
box-sizing border-box
@@ -118,3 +120,9 @@ textarea.block-input
padding 10px 15px
border-radius 5px
background-color backgroundColor
.tooltip
tooltip()
margin-top -22px
margin-left -97px
&:hover .tooltip
opacity 1

13
browser/styles/mixins/tooltip.styl Normal file
View File

@@ -0,0 +1,13 @@
tooltip()
position fixed
z-index popupZIndex
background-color transparentify(invBackgroundColor, 80%)
color invTextColor
padding 10px
font-size 12px
line-height 12px
border-radius 5px
white-space nowrap
opacity 0
transition 0.1s
pointer-events none