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

refactor: separate styl file

Browse Source
This commit is contained in:
sota1235
2016-12-21 14:09:03 +09:00
parent 49d3262380
commit 6e535c11fd
3 changed files with 41 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
browser/main/Detail/MarkdownNoteDetail.styl
View File

@@ -1,4 +1,4 @@
$info-height = 60px @import('NoteDetailInfo')
.root .root
absolute top right bottom absolute top right bottom
@@ -6,44 +6,6 @@ $info-height = 60px
border-style solid border-style solid
border-color $ui-borderColor border-color $ui-borderColor
.info
absolute top left right
height $info-height
border-bottom $ui-border
background-color $ui-backgroundColor
.info-left
float left
padding 0 5px
margin 18px 2px
.info-right
float right
.info-right-button
width 34px
height 34px
border-radius 17px
navButtonColor()
border $ui-border
font-size 14px
margin 13px 2px
padding 0
&:active
border-color $ui-button--focus-borderColor
&:hover .info-right-button-tooltip
opacity 1
&:focus
border-color $ui-button--focus-borderColor
.info-right-button-tooltip
tooltip()
position fixed
top 45px
padding 5px
opacity 0
border-radius 2px
.body .body
absolute left right absolute left right
top $info-height top $info-height

39
browser/main/Detail/NoteDetailInfo.styl Normal file
View File

@@ -0,0 +1,39 @@
$info-height = 60px
.info
absolute top left right
height $info-height
border-bottom $ui-border
background-color $ui-backgroundColor
.info-left
float left
padding 0 5px
margin 18px 2px
.info-right
float right
.info-right-button
width 34px
height 34px
border-radius 17px
navButtonColor()
border $ui-border
font-size 14px
margin 13px 2px
padding 0
&:active
border-color $ui-button--focus-borderColor
&:hover .info-right-button-tooltip
opacity 1
&:focus
border-color $ui-button--focus-borderColor
.info-right-button-tooltip
tooltip()
position fixed
top 45px
padding 5px
opacity 0
border-radius 2px

38
browser/main/Detail/SnippetNoteDetail.styl
View File

@@ -1,4 +1,4 @@
$info-height = 60px @import('NoteDetailInfo')
.root .root
absolute top bottom right absolute top bottom right
@@ -6,42 +6,6 @@ $info-height = 60px
border-style solid border-style solid
border-color $ui-borderColor border-color $ui-borderColor
.info
absolute top left right
height $info-height
border-bottom $ui-border
background-color $ui-backgroundColor
.info-left
float left
padding 0 5px
margin 18px 2px
.info-right
float right
.info-right-button
width 34px
height 34px
border-radius 17px
navButtonColor()
border $ui-border
font-size 14px
margin 13px 2px
padding 0
&:active
border-color $ui-button--focus-borderColor
&:hover .info-right-button-tooltip
opacity 1
&:focus
border-color $ui-button--focus-borderColor
.info-right-button-tooltip
tooltip()
position fixed
top 45px
padding 5px
opacity 0
.body .body
absolute left right absolute left right
top $info-height top $info-height