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
|
||||
display inline-block
|
||||
margin 0 2px
|
||||
padding-left 10px
|
||||
margin 1px 3px
|
||||
padding 0
|
||||
vertical-align middle
|
||||
height 20px
|
||||
background-color alpha($ui-tag-backgroundColor, 10%)
|
||||
border-radius 20px
|
||||
border-radius 3px
|
||||
overflow hidden
|
||||
clearfix()
|
||||
|
||||
@@ -54,34 +54,11 @@
|
||||
height 24px
|
||||
box-sizing borde-box
|
||||
border none
|
||||
border-bottom $ui-border
|
||||
background-color transparent
|
||||
outline none
|
||||
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"]
|
||||
.icon
|
||||
color $ui-dark-button-color
|
||||
|
||||
.tag
|
||||
background-color alpha($ui-dark-tag-backgroundColor, 60%)
|
||||
|
||||
@@ -94,17 +71,6 @@ body[data-theme="dark"]
|
||||
color $ui-dark-text-color
|
||||
|
||||
.newTag
|
||||
border-color $ui-dark-borderColor
|
||||
border-color none
|
||||
background-color transparent
|
||||
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
|
||||
color $ui-dark-text-color
|
||||
@@ -5,7 +5,6 @@
|
||||
height $statusBar-height
|
||||
background-color $ui-noteDetail-backgroundColor
|
||||
display flex
|
||||
box-shadow $note-detail-box-shadow
|
||||
|
||||
.blank
|
||||
flex 1
|
||||
|
||||
Reference in New Issue
Block a user