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

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

20
browser/components/NoteItemSimple.styl
View File

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

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

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