1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

Refactor styles of the buttons

This commit is contained in:
asmsuechan
2017-03-19 22:11:02 -07:00
parent 4a8054faed
commit 5541c0dc38
3 changed files with 3 additions and 13 deletions

View File

@@ -76,17 +76,9 @@ body[data-theme="dark"]
.control-lockButton .control-lockButton
colorDarkTopBarButton() colorDarkTopBarButton()
border-color $ui-dark-borderColor
&:active
border-color $ui-dark-button--active-backgroundColor
.control-lockButton-tooltip .control-lockButton-tooltip
darkTooltip() darkTooltip()
.control-trashButton .control-trashButton
colorDarkTopBarButton() colorDarkTopBarButton()
border-color $ui-dark-borderColor
&:active
border-color $ui-dark-button--focus-borderColor
&:focus
border-color $ui-button--focus-borderColor

View File

@@ -112,8 +112,3 @@ body[data-theme="dark"]
.control-trashButton .control-trashButton
colorDarkTopBarButton() colorDarkTopBarButton()
border-color $ui-dark-borderColor
&:active
border-color $ui-dark-button--focus-borderColor
&:focus
border-color $ui-button--focus-borderColor

View File

@@ -197,8 +197,11 @@ colorDarkTopBarButton()
&:hover &:hover
background-color $dark-default-button-background--hover background-color $dark-default-button-background--hover
&:active &:active
border-color $ui-dark-button--focus-borderColor
&:active:hover &:active:hover
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
&:focus
border-color $ui-button--focus-borderColor
$ui-dark-tooltip-text-color = white $ui-dark-tooltip-text-color = white
$ui-dark-tooltip-backgroundColor = alpha(#444, 70%) $ui-dark-tooltip-backgroundColor = alpha(#444, 70%)