Reduce/simplify CSS footprint

This commit is contained in:
the-djmaze 2023-02-24 11:45:26 +01:00
parent b03d35bc7a
commit 91b4ff16bd
28 changed files with 102 additions and 134 deletions

View file

@ -152,13 +152,14 @@ html.rl-left-panel-disabled {
}
}
.resizer {
display: none;
}
@media screen and (max-width: @maxMobileWidth) {
#rl-app {
#V-SettingsPane {
margin-right: 0;
}
#rl-settings-subscreen {
padding: 10px;
}
}
@ -181,9 +182,7 @@ html.rl-left-panel-disabled {
line-height: 2.5;
}
.hide-mobile,
#rl-left .resizer,
#rl-right .resizer {
.hide-mobile {
display: none !important;
}
}
@ -195,44 +194,36 @@ html.rl-left-panel-disabled {
display: none !important;
}
.rl-bottom-preview-pane #rl-right {
.sm-msgView-bottom #rl-right {
flex-direction: column;
}
.resizer {
background: #aaa;
background: rgba(255,255,255,0.5);
display: none;
opacity: 0;
position: absolute;
bottom: 0;
right: 0;
z-index: 102;
}
.resizer:hover {
opacity: 1;
}
#rl-left > .resizer,
.rl-side-preview-pane #V-MailMessageList .resizer {
html:not(.rl-left-panel-disabled) #rl-left > .resizer,
.sm-msgView-side #V-MailMessageList .resizer {
cursor: ew-resize;
cursor: col-resize;
right: 0;
display: block;
top: 0;
bottom: 0;
width: 5px;
}
.rl-bottom-preview-pane #V-MailMessageList .resizer {
.sm-msgView-bottom #V-MailMessageList .resizer {
cursor: ns-resize;
cursor: row-resize;
bottom: 0;
left: 0;
right: 0;
height: 5px;
}
html:not(.rl-left-panel-disabled) #rl-left > .resizer,
#V-MailMessageList .resizer {
display: block;
}
html:not(.rl-bottom-preview-pane):not(.rl-side-preview-pane) #rl-right .resizer {
display: none !important;
left: 0;
height: 5px;
}
}