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

Change the button color at setting modal

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-13 20:45:26 +09:00
parent 29dc3bd550
commit a6f5452a85
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
browser/main/modals/PreferencesModal/ConfigTab.styl
View File

@@ -38,7 +38,7 @@
width 400px width 400px
font-size $tab--button-font-size font-size $tab--button-font-size
border solid 1px $border-color border solid 1px $border-color
border-radius $tab--input-border-radius border-radius 2px
padding 0 5px padding 0 5px
&:disabled &:disabled
background-color $ui-input--disabled-backgroundColor background-color $ui-input--disabled-backgroundColor
@@ -64,7 +64,7 @@
.group-control-leftButton .group-control-leftButton
colorDefaultButton() colorDefaultButton()
border none border none
border-radius 5px border-radius 2px
font-size $tab--button-font-size font-size $tab--button-font-size
height $tab--button-height height $tab--button-height
padding 0 15px padding 0 15px
@@ -74,17 +74,17 @@
float right float right
colorPrimaryButton() colorPrimaryButton()
border none border none
border-radius $tab--button-border-radius border-radius 2px
font-size $tab--button-font-size font-size $tab--button-font-size
height $tab--button-height height 35px
padding 0 15px width 100px
margin-right 10px margin-right 10px
.group-hint .group-hint
border $ui-border border $ui-border
padding 10px 15px padding 10px 15px
margin 15px 0 margin 15px 0
border-radius 5px border-radius 2px
background-color $ui-backgroundColor background-color $ui-backgroundColor
color $ui-inactive-text-color color $ui-inactive-text-color
ul ul

2
browser/main/modals/PreferencesModal/StoragesTab.styl
View File

@@ -36,7 +36,7 @@
border $ui-border border $ui-border
colorDefaultButton() colorDefaultButton()
font-size $tab--button-font-size font-size $tab--button-font-size
border-radius $tab--button-border-radius border-radius 2px
.addStorage .addStorage
margin-bottom 15px margin-bottom 15px

2
browser/main/modals/PreferencesModal/UiTab.js
View File

@@ -253,7 +253,7 @@ class UiTab extends React.Component {
<button styleName='group-control-rightButton' <button styleName='group-control-rightButton'
onClick={(e) => this.handleSaveUIClick(e)} onClick={(e) => this.handleSaveUIClick(e)}
> >
Save UI Config Save
</button> </button>
</div> </div>
</div> </div>

8
browser/styles/index.styl
View File

@@ -83,13 +83,13 @@ $primary-button-background--hover = darken($brand-color, 5%)
$primary-button-background--active = darken($brand-color, 10%) $primary-button-background--active = darken($brand-color, 10%)
colorPrimaryButton() colorPrimaryButton()
color white color $ui-text-color
background-color $primary-button-background background-color $default-button-background--hover
&:hover &:hover
background-color $primary-button-background--hover background-color $default-button-background--active
&:active &:active
&:active:hover &:active:hover
background-color $primary-button-background--active background-color $default-button-background--active
// Dark Primary button(Brand color) // Dark Primary button(Brand color)
$dark-primary-button-background = alpha(#3A404C, 80%) $dark-primary-button-background = alpha(#3A404C, 80%)