From fc5af0de8f35a8b28eb874a6afaa85226524bb0e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?P=C3=A1sztor=20G=C3=A1bor?= Date: Sun, 27 Nov 2016 20:48:24 +0100 Subject: [PATCH] Fix on mobile view. --- modules/backend/assets/css/october.css | 1 + modules/backend/assets/less/layout/outerlayout.less | 10 +++++++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css index fd14ee26a..23b2dcc4f 100644 --- a/modules/backend/assets/css/october.css +++ b/modules/backend/assets/css/october.css @@ -852,6 +852,7 @@ html.csstransitions body.outer .outer-form-container{-webkit-transition:all 0.5s html.csstransitions body.outer.preload .outer-form-container{-webkit-transform:scale(0.2,0.2);-moz-transform:scale(0.2,0.2);-ms-transform:scale(0.2,0.2);-o-transform:scale(0.2,0.2);transform:scale(0.2,0.2)} @media (max-width:768px){body.outer .layout > .layout-row.layout-head > .layout-cell{padding:50px 20px} body.outer .layout > .layout-row > .layout-cell .outer-form-container{width:auto;padding:40px} +body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{display:block} body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{display:block;width:100% !important;margin-bottom:20px} } .fancy-layout .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px} diff --git a/modules/backend/assets/less/layout/outerlayout.less b/modules/backend/assets/less/layout/outerlayout.less index cc8494057..d733db351 100644 --- a/modules/backend/assets/less/layout/outerlayout.less +++ b/modules/backend/assets/less/layout/outerlayout.less @@ -123,10 +123,14 @@ html.csstransitions { width: auto; padding: @padding-standard * 2; - .horizontal-form input { + .horizontal-form { display: block; - width: 100% !important; - margin-bottom: @padding-standard; + + input { + display: block; + width: 100% !important; + margin-bottom: @padding-standard; + } } } }