From: YanlanShen Date: Sun, 7 Apr 2019 09:51:20 +0000 (+0800) Subject: luci-theme-rosy: fix issue on header and footer compatibility X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=f5209f378eefd04be67dd21be86614bfc2a3014f;p=project%2Fluci.git luci-theme-rosy: fix issue on header and footer compatibility Signed-off-by: YanlanShen --- diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css index b8b97ea577..26a08be463 100644 --- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css +++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css @@ -2268,6 +2268,10 @@ input[name="nslookup"] { width: 1170px; } +.login-info.node-main-login .main { + padding: 0 15px; +} + .login-info.node-main-login header { display: block; } @@ -2632,10 +2636,6 @@ input[name="nslookup"] { font-size: .7rem; } - #modal_overlay { - top: 3.5rem; - } - [data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table) { display: block; } @@ -2653,7 +2653,7 @@ input[name="nslookup"] { @media screen and (max-width: 992px) { .login-info.node-main-login header .container, - .login-info.node-main-login .main .container { + .login-info.node-main-login .main { width: 970px; } } @@ -2721,6 +2721,10 @@ input[name="nslookup"] { width: 30px; } + .login-info.node-main-login header .showSide { + display: none; + } + .showSide::before { content: ''; display: inline-block; @@ -2931,14 +2935,18 @@ input[name="nslookup"] { } .login-info.node-main-login header .container, - .login-info.node-main-login .main .container { + .login-info.node-main-login .main { width: 750px; } } @media screen and (max-width: 768px) { + .login-info.node-main-login header { + padding: 0 15px; + } + .login-info.node-main-login header .container, - .login-info.node-main-login .main .container { + .login-info.node-main-login .main { width: 100%; } } @@ -2959,10 +2967,6 @@ input[name="nslookup"] { padding: 1rem; } - .tabs { - margin: 0 -1rem; - } - .main-left .nav-container { width: 70%; }