1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

modify: fix size of removet tag button

This commit is contained in:
sota1235
2016-12-21 17:15:45 +09:00
parent f2a41aa049
commit 6231b8ad57
2 changed files with 7 additions and 2 deletions

View File

@@ -111,7 +111,7 @@ class TagSelect extends React.Component {
<button styleName='tag-removeButton'
onClick={(e) => this.handleTagRemoveButtonClick(tag)(e)}
>
<i className='fa fa-times fa-fw'/>
<i className='fa fa-times fa-fw tag-removeButton-icon'/>
</button>
</span>
)

View File

@@ -9,7 +9,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
.tag
display inline-block
margin 0 2px
padding 0 10px
padding-left 10px
vertical-align middle
height 20px
background-color $ui-white-theme-tag-bg
@@ -25,6 +25,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
padding 0
border-style solid
border-width 0
border-radius 20px
line-height 18px
background-color transparent
color $ui-button-color
@@ -37,6 +38,10 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
&:focus
border-color $ui-button--focus-borderColor
.tag-removeButton-icon
width 5px
padding-right 4px
.tag-label
font-size 12px
font-weight bold