public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

modify: fix size of removet tag button

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/main/Detail/TagSelect.js
View File

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

7
browser/main/Detail/TagSelect.styl
View File

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