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

Change the white theme layout of NoteList

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-07 15:05:18 +09:00
parent af6cd10e28
commit a27d8192ee
3 changed files with 25 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
browser/components/NoteItem.styl
View File

@@ -13,19 +13,18 @@ $control-height = 30px
background-color $ui-noteList-backgroundColor
transition background-color 0.15s
&:hover
background-color alpha($ui-active-color, 20%)
background-color alpha($ui-button--active-backgroundColor, 40%)
&:active
background-color $ui-active-color
color white
background-color $ui-button--active-backgroundColor
color $ui-text-color
.item-title
.item-title-empty
.item-bottom-tagList-empty
.item-bottom-time
.item-title-icon
color white
.item-bottom-tagList-item
background-color transparent
color white
color $ui-text-color
.item-wrapper
padding 15px 0
@@ -33,21 +32,21 @@ $control-height = 30px
.item--active
@extend .item
background-color $ui-active-color
color white
background-color $ui-button--active-backgroundColor
color $ui-text-color
.item-title
.item-title-empty
.item-bottom-tagList-empty
.item-bottom-time
.item-title-icon
color white
color $ui-text-color
.item-bottom-tagList-item
background-color transparent
color white
color $ui-text-color
.item-wrapper
border-color transparent
&:hover
background-color $ui-active-color
background-color $ui-button--active-backgroundColor
.item-title
font-size 12px
@@ -57,7 +56,7 @@ $control-height = 30px
padding-top 5px
padding-bottom 20px
overflow ellipsis
color $ui-text-color
color $ui-inactive-text-color
.item-title-icon
position absolute

20
browser/components/NoteItemSimple.styl
View File

@@ -13,27 +13,27 @@ $control-height = 30px
background-color $ui-noteList-backgroundColor
transition background-color 0.15s
&:hover
background-color alpha($ui-active-color, 20%)
background-color alpha($ui-button--active-backgroundColor, 40%)
&:active
background-color $ui-active-color
color white
background-color $ui-button--active-backgroundColor
color $ui-text-color
.item-simple-title
.item-simple-title-empty
.item-simple-title-icon
color white
color $ui-text-color
.item-simple--active
@extend .item-simple
background-color $ui-active-color
color white
background-color $ui-button--active-backgroundColor
color $ui-text-color
.item-simple-title
.item-simple-title-empty
border-color transparent
color white
color $ui-text-color
.item-simple-title-icon
color white
color $ui-text-color
&:hover
background-color $ui-active-color
background-color $ui-button--active-backgroundColor
.item-simple-title
font-size 12px
@@ -42,7 +42,7 @@ $control-height = 30px
line-height 24px
padding-top 8px
overflow ellipsis
color $ui-text-color
color $ui-inactive-text-color
border-bottom $ui-border
.item-simple-title-icon

10
browser/main/NoteList/NoteList.styl
View File

@@ -35,18 +35,18 @@ $control-height = 30px
padding 0
background-color transparent
border none
color $ui-inactive-text-color
color alpha($ui-inactive-text-color, 60%)
transition 0.15s
&:active, &:active:hover
color $ui-active-color
color $ui-inactive-text-color
&:hover
color $ui-text-color
color $ui-inactive-text-color
.control-button--active
@extend .control-button
color $ui-active-color
color $ui-inactive-text-color
&:hover
color $ui-active-color
color $ui-inactive-text-color
.list
absolute left right bottom