mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
modify: Fix the tag style at NoteDetail
This commit is contained in:
@@ -12,12 +12,12 @@
|
|||||||
|
|
||||||
.tag
|
.tag
|
||||||
display inline-block
|
display inline-block
|
||||||
margin 0 2px
|
margin 1px 3px
|
||||||
padding-left 10px
|
padding 0
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
height 20px
|
height 20px
|
||||||
background-color alpha($ui-tag-backgroundColor, 10%)
|
background-color alpha($ui-tag-backgroundColor, 10%)
|
||||||
border-radius 20px
|
border-radius 3px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
clearfix()
|
clearfix()
|
||||||
|
|
||||||
@@ -54,34 +54,11 @@
|
|||||||
height 24px
|
height 24px
|
||||||
box-sizing borde-box
|
box-sizing borde-box
|
||||||
border none
|
border none
|
||||||
border-bottom $ui-border
|
|
||||||
background-color transparent
|
background-color transparent
|
||||||
outline none
|
outline none
|
||||||
padding 0 4px
|
padding 0 4px
|
||||||
&:focus
|
|
||||||
border-color $ui-input--focus-borderColor = #369DCD
|
|
||||||
&:disabled
|
|
||||||
background-color $ui-input--disabled-backgroundColor = #DDD
|
|
||||||
|
|
||||||
.add-tag-button
|
|
||||||
display inline
|
|
||||||
margin-left 5px
|
|
||||||
width 20px
|
|
||||||
height 20px
|
|
||||||
border none
|
|
||||||
border-radius 20px
|
|
||||||
padding 0
|
|
||||||
color #FFFFFF
|
|
||||||
&:hover
|
|
||||||
background-color rgba(0, 0, 0, 0.3)
|
|
||||||
&:active, &:active:hover
|
|
||||||
background-color rgba(0, 0, 0, 0.5)
|
|
||||||
color $ui-button--active-color
|
|
||||||
|
|
||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
.icon
|
|
||||||
color $ui-dark-button-color
|
|
||||||
|
|
||||||
.tag
|
.tag
|
||||||
background-color alpha($ui-dark-tag-backgroundColor, 60%)
|
background-color alpha($ui-dark-tag-backgroundColor, 60%)
|
||||||
|
|
||||||
@@ -94,17 +71,6 @@ body[data-theme="dark"]
|
|||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
|
|
||||||
.newTag
|
.newTag
|
||||||
border-color $ui-dark-borderColor
|
border-color none
|
||||||
background-color transparent
|
background-color transparent
|
||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
&:focus
|
|
||||||
border-color $ui-input--focus-borderColor = #369DCD
|
|
||||||
&:disabled
|
|
||||||
background-color $ui-input--disabled-backgroundColor = #DDD
|
|
||||||
|
|
||||||
.add-tag-button
|
|
||||||
&:hover
|
|
||||||
background-color rgba(255, 255, 255, 0.3)
|
|
||||||
&:active, &:active:hover
|
|
||||||
background-color rgba(255, 255, 255, 0.5)
|
|
||||||
color $ui-button--active-color
|
|
||||||
@@ -5,7 +5,6 @@
|
|||||||
height $statusBar-height
|
height $statusBar-height
|
||||||
background-color $ui-noteDetail-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
display flex
|
display flex
|
||||||
box-shadow $note-detail-box-shadow
|
|
||||||
|
|
||||||
.blank
|
.blank
|
||||||
flex 1
|
flex 1
|
||||||
|
|||||||
Reference in New Issue
Block a user