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

Added basic responsiveness

Browse source
This commit is contained in:
Kenneth 2014-09-19 01:02:23 +01:00
parent fc50c16f73
commit 2e4af33340
2 changed files with 159 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
dev/Styles/@Main.less
View file

@ -90,4 +90,5 @@
@import "SettingsThemes.less";
@import "Animations.less";
@import "Responsive.less";
@import "_End.less";

158
dev/Styles/Responsive.less Normal file
View 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;
}
*/