public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-17 03:31:52 +00:00
Code Issues Releases Wiki Activity

modify: change style for snippet note on finder component

Browse Source
This commit is contained in:
sota1235
2017-01-03 13:30:17 +09:00
parent 0e089fadfb
commit 2594ca984a
1 changed files with 25 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
browser/finder/NoteDetail.styl
View File

@@ -1,12 +1,15 @@
@import('../main/Detail/DetailVars.styl')
.root .root
absolute top bottom left right absolute top bottom left right
width 100% left $note-detail-left-margin
right $note-detail-right-margin
height 100% height 100%
background-color $ui-noteDetail-backgroundColor
.description .description
absolute top left right absolute top left right
height 80px height 80px
border-bottom $ui-border
box-sizing border-box box-sizing border-box
.description-textarea .description-textarea
@@ -18,52 +21,43 @@
padding 10px padding 10px
line-height 1.6 line-height 1.6
box-sizing border-box box-sizing border-box
background-color $ui-noteDetail-backgroundColor
.tabList .tabList
absolute left right absolute left right
top 80px top 80px
box-sizing border-box box-sizing border-box
height 30px height 30px
border-bottom $ui-border
display flex display flex
background-color $ui-backgroundColor background-color $ui-noteDetail-backgroundColor
.tabList-item .tabList-item
position relative position relative
flex 1 flex 1
border-right $ui-border overflow hidden
&:hover
background-color $ui-button--hover-backgroundColorg
.tabList-item--active .tabList-item--active
@extend .tabList-item @extend .tabList-item
.tabList-item-button border-bottom $ui-border
border-color $brand-color
.tabList-item-button .tabList-item-button
width 100% width 100%
height 29px height 29px
navButtonColor() overflow ellipsis
outline none text-align left
border-left 4px solid transparent padding-right 30px
padding-left 10px
.tabList-item-deleteButton
position absolute
top 5px
height 20px
right 5px
width 20px
text-align center
border none border none
padding 0
color transparent
background-color transparent background-color transparent
border-radius 2px transition 0.15s
.tabList-plusButton &:hover
navButtonColor() background-color $ui-button--hover-backgroundColor
width 30px
.tabView .tabView
absolute left right bottom absolute left right bottom
top 110px top 130px
.tabView-content .tabView-content
absolute top left right bottom absolute top left right bottom
@@ -74,36 +68,25 @@
body[data-theme="dark"] body[data-theme="dark"]
.description .description
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteDetail-backgroundColor
.description-textarea .description-textarea
background-color $ui-dark-button--hover-backgroundColor background-color $ui-dark-noteDetail-backgroundColor
color white color white
.tabList .tabList
background-color $ui-button--active-backgroundColor background-color $ui-dark-noteDetail-backgroundColor
border-bottom-color $ui-dark-borderColor
background-color $ui-dark-backgroundColor
.tabList-item .tabList-item
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
&:hover &:hover
background-color $ui-dark-button--hover-backgroundColor background-color $ui-dark-button--hover-backgroundColor
.tabList-item--active .tabList-item--active
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
.tabList-item-button .tabList-item-button
border-color $brand-color border-color $brand-color
.tabList-item-button .tabList-item-button
navDarkButtonColor() navDarkButtonColor()
border-left 4px solid transparent border-left 4px solid transparent
.tabList-plusButton
navDarkButtonColor()
.tabView-top
border-color $ui-dark-borderColor
.tabView-top-name
border-color $ui-dark-borderColor
color $ui-dark-text-color
background-color $ui-dark-button--hover-backgroundColor
.tabView-top-mode
border-color $ui-dark-borderColor
background-color $dark-default-button-background
color $ui-dark-inactive-text-color