From 145f7b3809063524bbbb3450f950980e8ac937fb Mon Sep 17 00:00:00 2001 From: yariplus Date: Thu, 19 Feb 2015 06:31:06 -0500 Subject: [PATCH 1/2] Fix #2684 ACP navbar on mobile. --- public/less/admin/admin.less | 69 +++++++++++++++++++------------ src/views/admin/header.tpl | 79 ++++++++++++++++++++---------------- 2 files changed, 86 insertions(+), 62 deletions(-) diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less index ee9a87b605..36626df136 100644 --- a/public/less/admin/admin.less +++ b/public/less/admin/admin.less @@ -183,15 +183,18 @@ .box-header-font } - #user_dropdown { - padding: 6px; - - img { - width: 30px; - height: 30px; - vertical-align: -88%; - margin-right: 5px; - } + #user_label { + a { + padding-top: 13px; + padding-bottom: 13px; + + img { + width: 24px; + height: 24px; + border-radius: 50%; + border: 1px solid #454; + } + } } .icon-container { @@ -213,24 +216,36 @@ } } - .navbar { - padding: 0 5px; - - .nav-home a, .nav-home a:hover { - width: 30px; - height: 30px; - padding: 5px; - text-align: center; - margin-top: 10px; - background: #DDD; - - i { - color: black; - font-size: 17px; - } - } - - } + .navbar-static-top, .navbar-fixed-top { + box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.5); + } + + .navbar-header > .navbar-toggle { + margin-right: 8px; + } + + .navbar-nav { + margin-top: 0; + margin-bottom: 0; + + >li { + >a { + padding-top: 15px; + padding-bottom: 15px; + } + >a:hover, >a:focus { + color:#333; + background-color:#b2cdf0 + } + >#reconnect { + color: #afb1b1; + } + >#reconnect:focus, >#reconnect:hover { + color: #afb1b1; + background-color: transparent; + } + } + } #acp-search { input { diff --git a/src/views/admin/header.tpl b/src/views/admin/header.tpl index 9bd680936a..7a5d658eb2 100644 --- a/src/views/admin/header.tpl +++ b/src/views/admin/header.tpl @@ -56,46 +56,55 @@ - +