1
0
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:
Kazu Yokomizo
2017-04-21 15:32:23 +09:00
parent 1ccfd8e392
commit c07e334f03
2 changed files with 5 additions and 40 deletions

View File

@@ -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

View File

@@ -5,7 +5,6 @@
height $statusBar-height
background-color $ui-noteDetail-backgroundColor
display flex
box-shadow $note-detail-box-shadow
.blank
flex 1