Settings button as nav entry

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-21 19:08:49 +02:00
parent 65353af374
commit f41f4f1932
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 15 additions and 11 deletions

View File

@ -577,11 +577,13 @@ kbd {
/* change to 100% when layout positions are absolute */
bottom: 0;
z-index: 140;
&.open #app-settings-content,
&.opened #app-settings-content {
&.open,
&.opened {
#app-settings-content {
display: block;
}
}
}
#app-settings-content {
display: none;
@ -618,7 +620,7 @@ kbd {
padding: 0;
margin: 0;
background-color: $color-main-background;
background-image: url('../img/actions/settings.svg?v=1');
background-image: url('../img/actions/settings-dark.svg?v=1');
background-position: 14px center;
background-repeat: no-repeat;
box-shadow: none;
@ -627,14 +629,16 @@ kbd {
text-align: left;
padding-left: 42px;
font-weight: 400;
&:hover,
&:focus {
/* like app-navigation a */
color: $color-main-text;
opacity: .57;
&.opened,
&:hover {
background-color: $color-main-background;
}
&.opened {
&:hover, &:focus {
background-color: $color-main-background;
}
opacity: 1;
box-shadow: inset 2px 0 $color-primary;
}
}