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

Fix the tag layout of dark theme at NoteList

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-07 18:43:36 +09:00
parent 657d69a0fb
commit 64d53c611b
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/NoteItem.js
View File

@@ -13,7 +13,7 @@ import styles from './NoteItem.styl'
*/ */
const TagElement = ({ tagName }) => ( const TagElement = ({ tagName }) => (
<span styleName='item-bottom-tagList-item' key={tagName}> <span styleName='item-bottom-tagList-item' key={tagName}>
{tagName} #{tagName}
</span> </span>
) )

10
browser/components/NoteItem.styl
View File

@@ -86,9 +86,9 @@ $control-height = 30px
color #FFFFFF color #FFFFFF
.item-bottom-tagList-item .item-bottom-tagList-item
font-size 12px font-size 10px
margin-right 8px margin-right 8px
padding 0 10px padding 0
height 20px height 20px
box-sizing border-box box-sizing border-box
border-radius 20px border-radius 20px
@@ -129,7 +129,7 @@ body[data-theme="dark"]
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
.item-wrapper .item-wrapper
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
@@ -163,8 +163,8 @@ body[data-theme="dark"]
color $ui-inactive-text-color color $ui-inactive-text-color
.item-bottom-tagList-item .item-bottom-tagList-item
background-color $ui-dark-tag-backgroundColor background-color transparent
color $ui-dark-text-color color $ui-inactive-text-color
.item-bottom-tagList-empty .item-bottom-tagList-empty
color $ui-inactive-text-color color $ui-inactive-text-color