Mercurial > kallithea
changeset 6244:3e46e6b6a27a
templates: switch dropdowns from mouse over to on-click
Mouse over doesn't work on mobile devices and is bad for users
with reduced abilities.
author | Andrew Shadura <andrew@shadura.me> |
---|---|
date | Fri, 23 Sep 2016 17:50:48 +0200 |
parents | 457f1de3ec5d |
children | b21822aaacb5 |
files | kallithea/public/css/contextbar.css kallithea/public/css/style.css kallithea/templates/base/base.html |
diffstat | 3 files changed, 4 insertions(+), 16 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/contextbar.css Sun Sep 25 15:11:14 2016 +0200 +++ b/kallithea/public/css/contextbar.css Fri Sep 23 17:50:48 2016 +0200 @@ -92,11 +92,6 @@ z-index: 999; } -#header #header-inner #quick li:hover > ul, -ul.horizontal-list li:hover > ul { - display: block; -} - #header #header-inner #quick li ul li, ul.horizontal-list ul li { position: relative;
--- a/kallithea/public/css/style.css Sun Sep 25 15:11:14 2016 +0200 +++ b/kallithea/public/css/style.css Fri Sep 23 17:50:48 2016 +0200 @@ -3276,23 +3276,16 @@ } #header #header-inner #quick li #quick_login, -#header #header-inner #quick li:hover ul ul, -#header #header-inner #quick li:hover ul ul ul, -#header #header-inner #quick li:hover ul ul ul ul, #content #left #menu ul.closed, #content #left #menu li ul.collapsed, .yui-tt-shadow { display: none; } -#header #header-inner #quick li:hover #quick_login, -#header #header-inner #quick li:hover ul, -#header #header-inner #quick li li:hover ul, -#header #header-inner #quick li li li:hover ul, -#header #header-inner #quick li li li li:hover ul, +.dropdown.open .dropdown-menu, #content #left #menu ul.opened, #content #left #menu li ul.expanded { - display: block; + display: block !important; } .caret:after {
--- a/kallithea/templates/base/base.html Sun Sep 25 15:11:14 2016 +0200 +++ b/kallithea/templates/base/base.html Fri Sep 23 17:50:48 2016 +0200 @@ -137,7 +137,7 @@ <li ${is_current('switch-to')} data-context="switch-to"> <input id="branch_switcher" name="branch_switcher" type="hidden"> </li> - <li ${is_current('options')} data-context="options"> + <li ${is_current('options')} data-context="options" class="dropdown"> %if h.HasRepoPermissionAny('repository.admin')(c.repo_name): <a href="${h.url('edit_repo',repo_name=c.repo_name)}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"><i class="icon-wrench"></i> ${_('Options')} <i class="caret"></i></a> %else: @@ -377,7 +377,7 @@ </a> <div class="user-menu"> - <div id="quick_login"> + <div id="quick_login" class="dropdown-menu"> %if c.authuser.username == 'default' or c.authuser.user_id is None: <h4>${_('Login to Your Account')}</h4> ${h.form(h.url('login_home', came_from=request.path_qs))}