Reduce excessive DOM a bit

This commit is contained in:
djmaze 2021-07-30 14:40:32 +02:00
parent 0659b126e7
commit 00bc92f4c7
2 changed files with 17 additions and 38 deletions

View file

@ -275,10 +275,6 @@ html.rl-no-preview-pane {
font-size: 16px;
}
.flagParent {
padding: 0 10px 0 5px;
}
time, .sizeParent {
margin: 0 5px;
opacity: 0.6;
@ -286,10 +282,6 @@ html.rl-no-preview-pane {
white-space: nowrap;
}
.threadsParent {
position: relative;
}
.attachmentParent {
position: relative;
margin: 2px 10px 0 5px;
@ -345,11 +337,9 @@ html.rl-no-preview-pane {
.threads-len {
.threads-len-data {
border-radius: 6px;
padding: 2px 0 1px 4px;
border: 1px solid #ccc;
&:hover {
background-color: rgba(127,127,127,0.3);
border-color: #666;
@ -357,17 +347,6 @@ html.rl-no-preview-pane {
}
}
.flagOff {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
.flagOn, .flagOnHalf {
color: orange;
}
.replyFlag, .forwardFlag {
display: none;
margin-right: 0.25em;
@ -424,10 +403,19 @@ html.rl-no-preview-pane {
}
}
&:not(.flagged) .flagOn,
&:not(.hasFlaggedSubMessage) .flagOnHalf,
&.flagged .flagOff, &.hasFlaggedSubMessage .flagOff {
display: none;
.flagParent {
padding: 0 10px 0 5px;
}
&.flagged .flagParent::after,
&.hasFlaggedSubMessage .flagParent::after {
color: orange;
content: '★'; /*⚑*/
}
&:not(.flagged):not(.hasFlaggedSubMessage) .flagParent::after {
content: '☆'; /*⚐*/
}
&:not(.flagged):not(.hasFlaggedSubMessage) .flagParent:not(:hover) {
opacity: 0.5;
}
}