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

Merge pull request #321 from KenBW2/master

Browse source 
Add responsiveness for mobile devices
This commit is contained in:
RainLoop Team 2014-09-19 10:57:53 +04:00
commit 260874d789
3 changed files with 172 additions and 1 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";

170
dev/Styles/Responsive.less Normal file
View file

@ -0,0 +1,170 @@
html.ssm-state-mobile {
&.rl-message-fullscreen {
#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;
top:85px;
.messageItem {
.buttonFull {
z-index: 101;
top:90px;
right:0px;
width:35px;
bottom:10px;
height:auto;
opacity:1.0;
border:none;
border-radius:0px;
background:none;
&:hover {
background:#FFFFFF;
opacity:0.5;
color:#000000;
}
i {
position:absolute;
bottom:5px;
right:1px;
background:#F5F5F5;
border:1px solid #B7B7B7;
border-radius:4px;
padding:7px;
}
}
}
}
}
}
}
#rl-sub-left {
width:auto;
right:35px;
.messageList {
.toolbar {
right:50px;
.btn-group {
margin-bottom:5px;
.dropdown-menu {
left:auto;
right:0px;
}
#move-dropdown-id + .dropdown-menu {
left:0px;
right:auto;
}
}
}
.b-message-list-wrapper {
top:80px;
.second-toolbar {
.form-inline {
.input-append {
width:90%;
.inputSearch {
width:80%;
}
}
}
}
}
}
}
#rl-sub-right {
right:0px;
left:auto;
width:35px;
}
#rl-center {
min-width: 0px;
}
.b-compose.modal,
.b-contacts-content.modal,
.b-compose.modal,
.b-contacts-content.modal,
.b-advanced-search-content.modal {
width: 95%;
max-width: 700px;
}
.b-compose.modal {
.b-header {
max-height:130px;
padding-bottom:10px;
overflow:auto;
}
.cke_top {
max-height:30px;
overflow:auto;
}
}
.b-advanced-search-content.modal {
.control-label {
width:60px;
}
.controls {
margin-left:70px;
}
}
}

2
rainloop/v/0.0.0/app/templates/Index.html
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=950,maximum-scale=2">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<noscript>
<meta http-equiv="refresh" content="0; URL=./?/NoScript" />