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

Merge pull request #1384 from BoostIO/fix-background-color-bug

Browse Source 
fix bug happen on solarized-dark CreateFolderModal.
This commit is contained in:
Junyoung Choi (Sai)
2018-01-13 18:12:59 +09:00
committed by GitHub
parent d4eec461a9 7771875d57
commit 3e9b28ff0c
2 changed files with 38 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
browser/main/modals/CreateFolderModal.styl
View File

@@ -29,7 +29,7 @@
width 490px width 490px
padding 0 5px padding 0 5px
margin 10px 0 margin 10px 0
border 1px solid #C9C9C9 // TODO: use variable. border 1px solid $ui-input--create-folder-modal
border-radius 2px border-radius 2px
background-color transparent background-color transparent
outline none outline none
@@ -68,7 +68,7 @@ body[data-theme="dark"]
color $ui-dark-text-color color $ui-dark-text-color
.control-folder-input .control-folder-input
border 1px solid #C9C9C9 // TODO: use variable. border 1px solid $ui-input--create-folder-modal
color white color white
.description .description
@@ -76,3 +76,29 @@ body[data-theme="dark"]
.control-confirmButton .control-confirmButton
colorDarkPrimaryButton() colorDarkPrimaryButton()
body[data-theme="solarized-dark"]
.root
modalSolarizedDark()
width 500px
height 270px
overflow hidden
position relative
.header
background-color transparent
border-color $ui-dark-borderColor
color $ui-solarized-dark-text-color
.control-folder-label
color $ui-solarized-dark-text-color
.control-folder-input
border 1px solid $ui-input--create-folder-modal
color white
.description
color $ui-inactive-text-color
.control-confirmButton
colorSolarizedDarkPrimaryButton()

11
browser/styles/index.styl
View File

@@ -46,6 +46,7 @@ tooltip()
// UI Input // UI Input
$ui-input--focus-borderColor = #369DCD $ui-input--focus-borderColor = #369DCD
$ui-input--disabled-backgroundColor = #DDD $ui-input--disabled-backgroundColor = #DDD
$ui-input--create-folder-modal = #C9C9C9
// Parts // Parts
$ui-favorite-star-button-color = #FFC216 $ui-favorite-star-button-color = #FFC216
@@ -339,4 +340,12 @@ $ui-solarized-dark-button-backgroundColor = #002b36
$ui-solarized-dark-button--active-color = #93a1a1 $ui-solarized-dark-button--active-color = #93a1a1
$ui-solarized-dark-button--active-backgroundColor = #073642 $ui-solarized-dark-button--active-backgroundColor = #073642
$ui-solarized-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%) $ui-solarized-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%)
$ui-solarized-dark-button--focus-borderColor = lighten(#369DCD, 25%) $ui-solarized-dark-button--focus-borderColor = lighten(#369DCD, 25%)
modalSolarizedDark()
position relative
z-index $modal-z-index
width 100%
background-color $ui-solarized-dark-backgroundColor
overflow hidden
border-radius $modal-border-radius