1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00

Fix tag layout

This commit is contained in:
Kazu Yokomizo
2017-10-15 17:40:19 +09:00
parent 0d947c7dd8
commit 1477de3899

View File

@@ -11,7 +11,7 @@
.top-menu .top-menu
navButtonColor() navButtonColor()
position absolute position absolute
top 20px top 22px
right 5px right 5px
&:hover &:hover
color $ui-text-color color $ui-text-color
@@ -22,14 +22,16 @@
.switch-buttons .switch-buttons
background-color transparent background-color transparent
border 1px solid $ui-borderColor border 1px solid $ui-borderColor
width 100px width 110px
height 25px
margin 20px auto 0px auto margin 20px auto 0px auto
border-radius 1px border-radius 1px
.non-active-button .non-active-button
navButtonColor() navButtonColor()
font-weight 600 font-weight 600
width 49px width 54px
height 23px
.active-button .active-button
@extend .non-active-button @extend .non-active-button
@@ -87,8 +89,12 @@ body[data-theme="dark"]
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 70%) background-color alpha($ui-dark-button--active-backgroundColor, 70%)
color alpha($ui-dark-text-color, 70%) color alpha($ui-dark-text-color, 70%)
&:active
color $ui-dark-text-color
background-color alpha($ui-dark-button--active-backgroundColor, 60%)
&:active, &:active:hover &:active, &:active:hover
background-color $$ui-dark-button--active-backgroundColor color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
.tag-title .tag-title
p p