mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-07-13 03:27:39 +03:00
Simplify CSS folder .focused
This commit is contained in:
parent
ade75b4cbe
commit
a80bb83ce9
9 changed files with 6 additions and 47 deletions
|
|
@ -7,6 +7,12 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.focused .b-folders a.focused {
|
||||||
|
background-color: var(--folders-focused-bg-color, #333);
|
||||||
|
border-left-color: #fff;
|
||||||
|
color: var(--folders-focused-color, #eee);
|
||||||
|
}
|
||||||
|
|
||||||
.b-folders {
|
.b-folders {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -101,22 +107,12 @@
|
||||||
background-color: var(--folders-selected-bg-color, #333);
|
background-color: var(--folders-selected-bg-color, #333);
|
||||||
color: var(--folders-selected-color, #eee);
|
color: var(--folders-selected-color, #eee);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.focused {
|
|
||||||
background-color: var(--folders-focused-bg-color, #333);
|
|
||||||
color: var(--folders-focused-color, #eee);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&:not(.selectable) {
|
&:not(.selectable) {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.focused {
|
|
||||||
background-color: #888;
|
|
||||||
border-left-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.unread-sub {
|
&.unread-sub {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -173,15 +173,6 @@ export class MailFolderList extends AbstractViewLeft {
|
||||||
moveAction(false);
|
moveAction(false);
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
AppUserStore.focusedState.subscribe(value => {
|
|
||||||
let el = qs('li a.focused');
|
|
||||||
el?.classList.remove('focused');
|
|
||||||
if (Scope.FolderList === value) {
|
|
||||||
el = qs('li a.selected');
|
|
||||||
el?.classList.add('focused');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
scrollToFocused() {
|
scrollToFocused() {
|
||||||
|
|
|
||||||
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -161,10 +161,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -161,10 +161,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -143,10 +143,6 @@
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-folders li a.focused {
|
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs [id^="tab"]:checked + label {
|
.tabs [id^="tab"]:checked + label {
|
||||||
background: linear-gradient(#555 0%, #000 100%);
|
background: linear-gradient(#555 0%, #000 100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue