mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-09-05 07:27:04 +03:00
Added basic responsiveness
This commit is contained in:
parent
fc50c16f73
commit
2e4af33340
2 changed files with 159 additions and 0 deletions
|
|
@ -90,4 +90,5 @@
|
||||||
@import "SettingsThemes.less";
|
@import "SettingsThemes.less";
|
||||||
|
|
||||||
@import "Animations.less";
|
@import "Animations.less";
|
||||||
|
@import "Responsive.less";
|
||||||
@import "_End.less";
|
@import "_End.less";
|
||||||
|
|
|
||||||
158
dev/Styles/Responsive.less
Normal file
158
dev/Styles/Responsive.less
Normal file
|
|
@ -0,0 +1,158 @@
|
||||||
|
html.ssm-state-mobile {
|
||||||
|
&.rl-message-fullscreen.rl-left-panel-disabled {
|
||||||
|
#rl-right {
|
||||||
|
.RL-MailMessageView {
|
||||||
|
#rl-sub-right {
|
||||||
|
right: 0px;
|
||||||
|
width:20px;
|
||||||
|
left:0px;
|
||||||
|
.messageView {
|
||||||
|
.toolbar {
|
||||||
|
display: block!important;
|
||||||
|
z-index:105;
|
||||||
|
max-width: 200px;
|
||||||
|
position:absolute;
|
||||||
|
left:0px;
|
||||||
|
right:70px;
|
||||||
|
.dropdown-menu {
|
||||||
|
left:auto;
|
||||||
|
right:0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.b-content {
|
||||||
|
z-index:100;
|
||||||
|
top:45px;
|
||||||
|
width:auto;
|
||||||
|
.buttonUnFull {
|
||||||
|
top:10px;
|
||||||
|
right:5px;
|
||||||
|
opacity:0.7;
|
||||||
|
}
|
||||||
|
.buttonUp {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.RL-MailMessageList {
|
||||||
|
#rl-sub-left {
|
||||||
|
.messageList {
|
||||||
|
.toolbar {
|
||||||
|
display:none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#rl-right {
|
||||||
|
.RL-MailMessageView {
|
||||||
|
.messageView {
|
||||||
|
.toolbar {
|
||||||
|
display:none!important;
|
||||||
|
}
|
||||||
|
.b-content {
|
||||||
|
right:0px;
|
||||||
|
width:500px;
|
||||||
|
.messageItem {
|
||||||
|
.buttonFull {
|
||||||
|
z-index: 101;
|
||||||
|
top:60px;
|
||||||
|
right:0px;
|
||||||
|
height:100%;
|
||||||
|
width:35px;
|
||||||
|
bottom:10px;
|
||||||
|
opacity:1.0;
|
||||||
|
border:none;
|
||||||
|
border-radius:0px;
|
||||||
|
background:none;
|
||||||
|
&:hover {
|
||||||
|
background:#FFFFFF;
|
||||||
|
opacity:0.5;
|
||||||
|
}
|
||||||
|
i {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#rl-sub-left {
|
||||||
|
width:auto;
|
||||||
|
right:35px;
|
||||||
|
.messageList {
|
||||||
|
.b-message-list-wrapper {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#rl-sub-right {
|
||||||
|
right:0px;
|
||||||
|
left:auto;
|
||||||
|
width:35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rl-center {
|
||||||
|
min-width: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
html.ssm-state-mobile .b-compose.modal, html.ssm-state-mobile .b-contacts-content.modal, html.ssm-state-tablet .b-compose.modal, html.ssm-state-tablet .b-contacts-content.modal {
|
||||||
|
width: 90%;
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b-compose .cke_chrome {
|
||||||
|
width:100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.rl-left-panel-disabled #rl-right {
|
||||||
|
left: 15%!important;
|
||||||
|
}
|
||||||
|
html.ssm-state-mobile #rl-sub-left {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.ssm-state-mobile #rl-sub-right {
|
||||||
|
right:0px;
|
||||||
|
left:auto;
|
||||||
|
width:35px;
|
||||||
|
}
|
||||||
|
html.ssm-state-mobile .messageView .b-content {
|
||||||
|
right:0px;
|
||||||
|
width:500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.ssm-state-mobile #rl-center {
|
||||||
|
min-width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
html.ssm-state-mobile #rl-sub-left .messageList .inputSearch {
|
||||||
|
width:80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.messageList .second-toolbar .form-inline {
|
||||||
|
margin-right:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.ssm-state-mobile .messageList .toolbar .dropdown-menu {
|
||||||
|
left:auto;
|
||||||
|
right:0px;
|
||||||
|
}
|
||||||
|
*/
|
||||||
Loading…
Add table
Add a link
Reference in a new issue