mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-01-01 12:32:40 +08: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%;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -101,22 +107,12 @@
|
|||
background-color: var(--folders-selected-bg-color, #333);
|
||||
color: var(--folders-selected-color, #eee);
|
||||
}
|
||||
|
||||
&.focused {
|
||||
background-color: var(--folders-focused-bg-color, #333);
|
||||
color: var(--folders-focused-color, #eee);
|
||||
}
|
||||
}
|
||||
&:not(.selectable) {
|
||||
cursor: default;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.focused {
|
||||
background-color: #888;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
&.unread-sub {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
|
@ -173,15 +173,6 @@ export class MailFolderList extends AbstractViewLeft {
|
|||
moveAction(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() {
|
||||
|
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -161,10 +161,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -161,10 +161,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -143,10 +143,6 @@
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
|
@ -160,10 +160,6 @@ dialog header, dialog footer,
|
|||
filter: invert(1);
|
||||
}
|
||||
|
||||
.b-folders li a.focused {
|
||||
background-color: #111;
|
||||
}
|
||||
|
||||
.tabs [id^="tab"]:checked + label {
|
||||
background: linear-gradient(#555 0%, #000 100%);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue