From 2e4af333402e0f179480df2d9c92d08d5c3fac3d Mon Sep 17 00:00:00 2001 From: Kenneth Date: Fri, 19 Sep 2014 01:02:23 +0100 Subject: [PATCH 1/4] Added basic responsiveness --- dev/Styles/@Main.less | 1 + dev/Styles/Responsive.less | 158 +++++++++++++++++++++++++++++++++++++ 2 files changed, 159 insertions(+) create mode 100644 dev/Styles/Responsive.less diff --git a/dev/Styles/@Main.less b/dev/Styles/@Main.less index 8baca072d..fec200532 100644 --- a/dev/Styles/@Main.less +++ b/dev/Styles/@Main.less @@ -90,4 +90,5 @@ @import "SettingsThemes.less"; @import "Animations.less"; +@import "Responsive.less"; @import "_End.less"; diff --git a/dev/Styles/Responsive.less b/dev/Styles/Responsive.less new file mode 100644 index 000000000..4bb241ae7 --- /dev/null +++ b/dev/Styles/Responsive.less @@ -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; +} +*/ From 9431c83003d6eab580ce43b5b86309f362f76748 Mon Sep 17 00:00:00 2001 From: Kenneth Date: Fri, 19 Sep 2014 02:16:20 +0100 Subject: [PATCH 2/4] Modal fixes, general bugfixing --- dev/Styles/Responsive.less | 119 +++++++++++++++++++------------------ 1 file changed, 61 insertions(+), 58 deletions(-) diff --git a/dev/Styles/Responsive.less b/dev/Styles/Responsive.less index 4bb241ae7..e9af4fac0 100644 --- a/dev/Styles/Responsive.less +++ b/dev/Styles/Responsive.less @@ -57,14 +57,14 @@ html.ssm-state-mobile { .b-content { right:0px; width:500px; + top:85px; .messageItem { .buttonFull { z-index: 101; - top:60px; + top:90px; right:0px; - height:100%; width:35px; - bottom:10px; + height:100%; opacity:1.0; border:none; border-radius:0px; @@ -86,7 +86,32 @@ html.ssm-state-mobile { 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%; + } + } + } + } } } } @@ -100,59 +125,37 @@ html.ssm-state-mobile { #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; + } + } + } - - - - -/* - - - - - - -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; -} -*/ From 79b3685b43ce7be1050cc2744c35d82de51c074a Mon Sep 17 00:00:00 2001 From: Kenneth Date: Fri, 19 Sep 2014 02:27:13 +0100 Subject: [PATCH 3/4] Cleanup --- dev/Styles/Responsive.less | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/dev/Styles/Responsive.less b/dev/Styles/Responsive.less index e9af4fac0..d8111eea6 100644 --- a/dev/Styles/Responsive.less +++ b/dev/Styles/Responsive.less @@ -1,5 +1,6 @@ html.ssm-state-mobile { - &.rl-message-fullscreen.rl-left-panel-disabled { + + &.rl-message-fullscreen { #rl-right { .RL-MailMessageView { #rl-sub-right { @@ -64,7 +65,8 @@ html.ssm-state-mobile { top:90px; right:0px; width:35px; - height:100%; + bottom:10px; + height:auto; opacity:1.0; border:none; border-radius:0px; @@ -72,9 +74,16 @@ html.ssm-state-mobile { &:hover { background:#FFFFFF; opacity:0.5; + color:#000000; } i { - display:none; + position:absolute; + bottom:5px; + right:1px; + background:#F5F5F5; + border:1px solid #B7B7B7; + border-radius:4px; + padding:7px; } } } From e5794ca08f362d1acfe915a9127b1959f0151e74 Mon Sep 17 00:00:00 2001 From: Kenneth Date: Fri, 19 Sep 2014 02:44:45 +0100 Subject: [PATCH 4/4] Fixed viewport tag --- rainloop/v/0.0.0/app/templates/Index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/rainloop/v/0.0.0/app/templates/Index.html b/rainloop/v/0.0.0/app/templates/Index.html index be13a044d..3156455f5 100644 --- a/rainloop/v/0.0.0/app/templates/Index.html +++ b/rainloop/v/0.0.0/app/templates/Index.html @@ -3,7 +3,7 @@ - +