mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-14 02:06:29 +00:00
Fix tag layout
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user