public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-18 20:21:44 +00:00
Code Issues Releases Wiki Activity

modify: adjust space on note-detail component

Browse Source
This commit is contained in:
sota1235
2016-12-29 16:06:57 +09:00
parent e27af9f6c1
commit d9d0651352
5 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
browser/main/Detail/DetailVars.styl Normal file
View File

@@ -0,0 +1,7 @@
/**
* Varibales for note detail space.
*/
// Margin on the left side and the right side for NoteDetail component.
$note-detail-left-margin = 25px
$note-detail-right-margin = 25px

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

@@ -1,14 +1,18 @@
@import('NoteDetailInfo') @import('NoteDetailInfo')
@import('DetailVars')
.root .root
absolute top right bottom absolute top right bottom
border-width 0 0 1px border-width 0 0 1px
border-style solid border-style solid
border-color $ui-borderColor border-color $ui-borderColor
background-color $ui-noteDetail-backgroundColor
.body .body
absolute left right absolute left right
top $info-height left $note-detail-left-margin
right $note-detail-right-margin
top $info-height + $info-margin-under-border
bottom $statusBar-height bottom $statusBar-height
.body-noteEditor .body-noteEditor
@@ -17,3 +21,4 @@
body[data-theme="dark"] body[data-theme="dark"]
.root .root
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteDetail-backgroundColor

5
browser/main/Detail/NoteDetailInfo.styl
View File

@@ -1,7 +1,12 @@
@import('DetailVars')
$info-height = 60px $info-height = 60px
$info-margin-under-border = 27px
.info .info
absolute top left right absolute top left right
left $note-detail-left-margin
right $note-detail-right-margin
height $info-height height $info-height
border-bottom $ui-border border-bottom $ui-border
background-color $ui-noteDetail-backgroundColor background-color $ui-noteDetail-backgroundColor

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

@@ -1,14 +1,18 @@
@import('NoteDetailInfo') @import('NoteDetailInfo')
@import('DetailVars')
.root .root
absolute top bottom right absolute top bottom right
border-width 0 0 1px border-width 0 0 1px
border-style solid border-style solid
border-color $ui-borderColor border-color $ui-borderColor
background-color $ui-noteDetail-backgroundColor
.body .body
absolute left right absolute left right
top $info-height left $note-detail-left-margin
right $note-detail-right-margin
top $info-height + $info-margin-under-border
bottom $statusBar-height bottom $statusBar-height
background-color $ui-noteDetail-backgroundColor background-color $ui-noteDetail-backgroundColor
@@ -65,6 +69,7 @@
body[data-theme="dark"] body[data-theme="dark"]
.root .root
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteDetail-backgroundColor
.body .body
background-color $ui-dark-noteDetail-backgroundColor background-color $ui-dark-noteDetail-backgroundColor

2
browser/main/Detail/TagSelect.styl
View File

@@ -3,7 +3,7 @@
position relative position relative
user-select none user-select none
vertical-align middle vertical-align middle
width 400px width 300px
overflow-x scroll overflow-x scroll
white-space nowrap white-space nowrap