mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-29 20:19:22 +03:00
Reduce excessive DOM even more
This commit is contained in:
parent
00bc92f4c7
commit
d2550c3139
8 changed files with 27 additions and 64 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue