Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-30 20:49:20 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved initHorizontalLayoutResizer and initVerticalLayoutResizer with custom resizer

Browse source
This commit is contained in:
djmaze 2020-07-17 13:46:49 +02:00
parent e3aaea8035
commit 1e71698b79
4 changed files with 164 additions and 235 deletions
Download patch file Download diff file Expand all files Collapse all files

51
dev/Styles/Layout.less
View file

@ -53,18 +53,67 @@ html.rl-mobile {
min-width: 60px;
}
/*
.resizable::after {
pointer-events: none;
position: absolute;
height: 22px;
width: 20px;
text-align: center;
bottom: 0;
right: 0;
background-color: #aaa;
}
.resizable::-webkit-resizer {
background: #aaa;
background: rgba(255,255,255,0.5);
}
*/
.resizable > .resizer {
background: #aaa;
background: rgba(255,255,255,0.5);
display: none;
opacity: 0;
position: absolute;
z-index: 102;
}
.resizable > .resizer:hover {
opacity: 1;
}
html:not(.rl-left-panel-disabled) #rl-left.resizable {
resize: horizontal;
overflow: hidden;
min-width: 155px;
max-width: 350px;
}
#rl-left > .resizer {
cursor: ew-resize;
height: 100%;
right: 0;
top: 0;
width: 5px;
}
.b-message-list-wrapper.resizable {
resize: vertical;
overflow: hidden;
min-height: 200px;
max-height: 500px;
}
.b-message-list-wrapper > .resizer {
cursor: ns-resize;
height: 5px;
left: 0;
bottom: 0;
width: 100%;
}
html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
.b-message-list-wrapper > .resizer {
display: block;
}
#rl-right {
.g-ui-absolute-reset;
@ -300,7 +349,7 @@ html.rl-no-preview-pane {
}
}
html.rl-side-preview-pane #rl-right .ui-resizable-handle {
html.rl-side-preview-pane #rl-right .resizer {
display: none !important;
}