Settings button as nav entry
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
65353af374
commit
f41f4f1932
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue