diff options
author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-25 19:59:45 +0300 |
---|---|---|
committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-26 22:00:23 +0300 |
commit | 43b9314390db962aaef2411e22642f86730a6eb6 (patch) | |
tree | 8805caea9234e5bbc8ca22e25b08f75fbea9e9de /phpBB/adm/style/admin.css | |
parent | 8567adf5dbfc1d6363deb78b6ebf25a76857c9ac (diff) | |
download | forums-43b9314390db962aaef2411e22642f86730a6eb6.tar forums-43b9314390db962aaef2411e22642f86730a6eb6.tar.gz forums-43b9314390db962aaef2411e22642f86730a6eb6.tar.bz2 forums-43b9314390db962aaef2411e22642f86730a6eb6.tar.xz forums-43b9314390db962aaef2411e22642f86730a6eb6.zip |
[ticket/11957] Enhance responsive nav with JS
PHPBB3-11957
Diffstat (limited to 'phpBB/adm/style/admin.css')
-rw-r--r-- | phpBB/adm/style/admin.css | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index b70b98c9a5..eceea8fe03 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -494,7 +494,7 @@ li { @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { - #menu { + #menu, .rtl #menu { float: none; width: auto; border-width: 0; @@ -502,27 +502,41 @@ li { margin: 0 auto 10px; } + #menu .menu-block.active { + margin: 0 -10px; + padding: 0 10px; + background: rgba(255, 255, 255, .5); + border-radius: 5px; + } + #menu .menu-block .header { - margin-top: 0; + margin-top: 5px; cursor: pointer; border-bottom-width: 0; + position: relative; + text-decoration: underline; } - #menu .menu-block .header:focus { + #menu .menu-block .header:focus, #menu .menu-block.active .header { color: #D31141; + text-decoration: none; } #menu .menu-block ul { display: none; } - #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul { + .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul { display: block; } #menu .menu-block li:last-child { border-bottom: 1px solid #327AA5; } + + #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child { + border-bottom-width: 0; + } } |