mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-03 22:47:03 +03:00
Reduce/simplify CSS footprint
This commit is contained in:
parent
b03d35bc7a
commit
91b4ff16bd
28 changed files with 102 additions and 134 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue