Simplify CSS folder .focused

This commit is contained in:
the-djmaze 2023-02-22 14:53:12 +01:00
parent ade75b4cbe
commit a80bb83ce9
9 changed files with 6 additions and 47 deletions

View file

@ -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;
}

View file

@ -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() {

View file

@ -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%);
}

View file

@ -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%);
}

View file

@ -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%);
}

View file

@ -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%);
}

View file

@ -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%);
}

View file

@ -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%);
}

View file

@ -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%);
}