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 | |
| 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
| -rw-r--r-- | phpBB/adm/style/admin.css | 22 | ||||
| -rw-r--r-- | phpBB/adm/style/admin.js | 22 |
2 files changed, 40 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; + } } diff --git a/phpBB/adm/style/admin.js b/phpBB/adm/style/admin.js index 9b2c9313ac..208afedce8 100644 --- a/phpBB/adm/style/admin.js +++ b/phpBB/adm/style/admin.js @@ -3,6 +3,26 @@ */ /** +* Parse document block +*/ +function parse_document(container) +{ + var test = document.createElement('div'), + oldBrowser = (typeof test.style.borderRadius == 'undefined'); + + delete test; + + /** + * Navigation + */ + container.find('#menu .menu-block > a.header').click(function() { + $(this).parent().toggleClass('active'); + }); + + container.find('#activemenu').parents('.menu-block').addClass('active'); +} + +/** * Run onload functions */ (function($) { @@ -14,5 +34,7 @@ $('form[data-focus]:first').each(function() { $('#' + this.getAttribute('data-focus')).focus(); }); + + parse_document($('body')); }); })(jQuery); |