Reduce excessive DOM even more

This commit is contained in:
djmaze 2021-07-30 23:11:05 +02:00
parent 00bc92f4c7
commit d2550c3139
8 changed files with 27 additions and 64 deletions

View file

@ -5,12 +5,6 @@
100% { transform: scale(1); }
}
@keyframes textLoadingAnimationKeyFrame {
0% { opacity: 1; }
33% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes animate-stripes {
0% {background-position: 0 0;}
100% {background-position: 60px 0;}
@ -57,15 +51,3 @@
animation: animate-stripes 2s linear infinite;
}
}
.textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 {
animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
}
.textLoadingAnimationD2 {
animation-delay: 0.3s;
}
.textLoadingAnimationD3 {
animation-delay: 0.6s;
}

View file

@ -78,26 +78,6 @@
font-size: 14px;
border-left: 3px solid transparent;
.inbox-star-icon {
display: none;
margin-left: 7px;
.flagged {
display: none;
}
.unflagged {
opacity: .5;
&:hover {
opacity: 1;
}
}
}
&.is-inbox .inbox-star-icon {
display: inline;
}
padding: 0 @folderItemPadding;
text-decoration: none;
@ -184,13 +164,18 @@
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.inbox-star-icon {
margin-left: 7px;
}
.inbox-star-icon::after {
content:'☆';
opacity: .5;
}
&.inbox-is-starred {
.flagged {
.inbox-star-icon::after {
color: orange;
display: inline-block !important;
}
.unflagged {
display: none;
content:'★';
opacity: 1;
}
}

View file

@ -53,6 +53,7 @@ html.rl-no-preview-pane {
}
.btn.buttonMoreSearch {
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
}
@ -154,6 +155,12 @@ html.rl-no-preview-pane {
}
}
.listEmptyListLoading .icon-spinner {
width: 0.75em;
height: 0.75em;
margin: 0;
}
.listDragOver {
max-height: 0;
overflow: hidden;