1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

update NoteDetail design

This commit is contained in:
Dick Choi
2016-10-14 04:00:59 +09:00
parent 8f0789bc6d
commit fdd0c84441
14 changed files with 392 additions and 194 deletions

View File

@@ -32,6 +32,9 @@
background-color transparent
border none
color $ui-inactive-text-color
transition 0.15s
&:active, &:active:hover
color $ui-active-color
&:hover
color $ui-text-color
.control-button-tooltip
@@ -67,11 +70,24 @@
cursor pointer
transition background-color 0.15s
&:hover
background-color alpha($ui-active-color, 10%)
background-color alpha($ui-active-color, 20%)
&:active
background-color $ui-active-color
color white
.item-title
.item-title-empty
.item-title-icon
.item-bottom-tagIcon
.item-bottom-tagList-empty
.item-bottom-time
color white
.item-bottom-tagList-item
background-color transparent
color white
.item--active
@extend .item
background-color alpha($ui-active-color, 100%)
background-color $ui-active-color
color white
.item-title
.item-title-empty
@@ -84,7 +100,7 @@
background-color transparent
color white
&:hover
background-color alpha($ui-active-color, 100%)
background-color $ui-active-color
.item-border
absolute top bottom left right
@@ -174,7 +190,7 @@ body[data-theme="dark"]
.item-bottom-tagList-empty
color white
&:hover
background-color alpha($ui-active-color, 100%)
background-color $ui-active-color
.item-title
color $ui-dark-text-color