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

Fix the tag layout of dark theme at NoteDetail

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-07 19:04:09 +09:00
parent 7b4ff9906e
commit 041a51a70f
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -107,7 +107,7 @@ class TagSelect extends React.Component {
<span styleName='tag' <span styleName='tag'
key={tag} key={tag}
> >
<span styleName='tag-label'>{tag}</span> <span styleName='tag-label'>#{tag}</span>
<button styleName='tag-removeButton' <button styleName='tag-removeButton'
onClick={(e) => this.handleTagRemoveButtonClick(tag)(e)} onClick={(e) => this.handleTagRemoveButtonClick(tag)(e)}
> >

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

@@ -39,8 +39,8 @@
padding-right 4px padding-right 4px
.tag-label .tag-label
font-size 12px font-size 11px
font-weight bold font-weight 600
color: #FFFFFF color: #FFFFFF
float left float left
height 20px height 20px
@@ -83,7 +83,7 @@ body[data-theme="dark"]
color $ui-dark-button-color color $ui-dark-button-color
.tag .tag
background-color $ui-dark-tag-backgroundColor background-color alpha($ui-dark-tag-backgroundColor, 60%)
.tag-removeButton .tag-removeButton
border-color $ui-button--focus-borderColor border-color $ui-button--focus-borderColor

2
browser/styles/index.styl
View File

@@ -163,7 +163,7 @@ $ui-dark-borderColor = lighten(#21252B, 20%)
$ui-dark-backgroundColor = #1D1D1D $ui-dark-backgroundColor = #1D1D1D
$ui-dark-noteList-backgroundColor = #181818 $ui-dark-noteList-backgroundColor = #181818
$ui-dark-noteDetail-backgroundColor = #0D0D0D $ui-dark-noteDetail-backgroundColor = #0D0D0D
$ui-dark-tag-backgroundColor = rgba(255, 255, 255, 0.3) $ui-dark-tag-backgroundColor = #3A404C
$dark-background-color = lighten($ui-dark-backgroundColor, 10%) $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
$ui-dark-text-color = #DDDDDD $ui-dark-text-color = #DDDDDD
$ui-dark-button--active-color = white $ui-dark-button--active-color = white