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))}