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

modify: Fix the tag-list layout at NoteItem

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-21 15:00:09 +09:00
parent d22c40f0a5
commit 1ccfd8e392
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
browser/components/NoteItem.styl
View File

@@ -17,18 +17,22 @@ $control-height = 30px
.item-title .item-title
.item-title-icon .item-title-icon
.item-bottom-time .item-bottom-time
.item-bottom-tagList-item
transition 0.15s transition 0.15s
color $ui-text-color color $ui-text-color
.item-bottom-tagList-item
background-color alpha(white, 0.6)
color $ui-text-color
&:active &:active
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
color $ui-text-color color $ui-text-color
.item-title .item-title
.item-title-icon .item-title-icon
.item-bottom-time .item-bottom-time
.item-bottom-tagList-item
transition 0.15s transition 0.15s
color $ui-text-color color $ui-text-color
.item-bottom-tagList-item
background-color alpha(white, 0.6)
color $ui-text-color
.item-wrapper .item-wrapper
padding 15px 0 padding 15px 0
@@ -124,23 +128,31 @@ body[data-theme="dark"]
.item .item
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
&:active
background-color $ui-dark-button--active-backgroundColor
.item-title
.item-title-icon
.item-bottom-time
.item-bottom-tagList-item
transition 0.15s
color $ui-dark-text-color
&:hover &:hover
transition 0.15s
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
.item-title .item-title
.item-title-icon .item-title-icon
.item-bottom-time .item-bottom-time
.item-bottom-tagList-item
transition 0.15s transition 0.15s
color $ui-dark-text-color color $ui-dark-text-color
.item-bottom-tagList-item
transition 0.15s
background-color alpha($ui-dark-button--active-backgroundColor, 40%)
color $ui-dark-text-color
&:active
transition 0.15s
background-color $ui-dark-button--active-backgroundColor
.item-title
.item-title-icon
.item-bottom-time
transition 0.15s
color $ui-dark-text-color
.item-bottom-tagList-item
transition 0.15s
background-color alpha(white, 10%)
color $ui-dark-text-color
.item-wrapper .item-wrapper
border-color $ui-dark-borderColor border-color $ui-dark-borderColor