public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 10:46:32 +00:00
Code Issues Releases Wiki Activity

Fix the make note modal layout at dark theme

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-08 15:53:31 +09:00
parent a36c62044b
commit 8996ebb819
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/main/modals/NewNoteModal.js
View File

@@ -103,7 +103,7 @@ class NewNoteModal extends React.Component {
<div styleName='title'>Make a Note</div> <div styleName='title'>Make a Note</div>
</div> </div>
<button styleName='closeButton' onClick={(e) => this.handleCloseButtonClick(e)}> <button styleName='closeButton' onClick={(e) => this.handleCloseButtonClick(e)}>
<div styleName='close-mark'>X</div> <div styleName='close-mark'>×</div>
<div styleName='close-text'>esc</div> <div styleName='close-text'>esc</div>
</button> </button>

2
browser/main/modals/NewNoteModal.styl
View File

@@ -73,7 +73,7 @@ body[data-theme="dark"]
color $ui-dark-text-color color $ui-dark-text-color
background-color transparent background-color transparent
&:focus &:focus
colorPrimaryButton() colorDarkPrimaryButton()
.description .description
color $ui-inactive-text-color color $ui-inactive-text-color

1
browser/styles/index.styl
View File

@@ -95,6 +95,7 @@ colorPrimaryButton()
$dark-primary-button-background = alpha(#3A404C, 80%) $dark-primary-button-background = alpha(#3A404C, 80%)
$dark-primary-button-background--hover = #3A404C $dark-primary-button-background--hover = #3A404C
$dark-primary-button-background--active = #3A404C $dark-primary-button-background--active = #3A404C
colorDarkPrimaryButton() colorDarkPrimaryButton()
color white color white
background-color $dark-primary-button-background background-color $dark-primary-button-background