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

View File

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