Changeset - 3e46e6b6a27a
Parent rev.
Child rev.
[Not reviewed]
default
0 3 0
Andrew Shadura - 9 years ago 2016-09-23 17:50:48
andrew@shadura.me
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.
3 files changed with 4 insertions and 16 deletions:
kallithea/public/css/contextbar.css
5
kallithea/public/css/style.css
2
9
kallithea/templates/base/base.html
2
2
0 comments (0 inline, 0 general)
kallithea/public/css/contextbar.css
➞
Show inline comments
 
@@ -83,29 +83,24 @@ ul.horizontal-list > li {
 
    float: left;
 
    position: relative;
 
}
 

			




	
	
	
		
 
#header #header-inner #quick ul,

			




	
	
	
		
 
ul.horizontal-list > li ul {

			




	
	
	
		
 
    position: absolute;

			




	
	
	
		
 
    display: none;

			




	
	
	
		
 
    right: 0;

			




	
	
	
		
 
    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;

			




	
	
	
		
 
    border-bottom: 1px solid rgba(0,0,0,0.1);

			




	
	
	
		
 
    border-top: 1px solid rgba(255,255,255,0.1);

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
ul.horizontal-list > li ul ul {

			




	
	
	
		
 
    position: absolute;

			




	
	
	
		
 
    right: 100%;

			




	
	
	
		
 
    top: -1px;

			




	
	
	
		
 
    min-width: 200px;

			




        

    


    
    

    

        

                

                    kallithea/public/css/style.css
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
		
 
@@ -3267,41 +3267,34 @@ img.icon, .right .merge img {

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#header #header-inner #home,

			




	
	
	
		
 
#header #header-inner #logo,

			




	
	
	
		
 
#content div.box ul.left,

			




	
	
	
		
 
#content div.box ol.left,

			




	
	
	
		
 
div#commit_history,

			




	
	
	
		
 
div#legend_data, div#legend_container, div#legend_choices {

			




	
	
	
		
 
    float: left;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#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 {

			




	
	
	
		
 
    font-family: 'kallithea';

			




	
	
	
		
 
    content: ' \23f7';           /* triangle-down */

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.repo-switcher .select2-choice {

			




	
	
	
		
 
    padding: 0px 8px 1px !important;

			




	
	
	
		
 
    display: block;

			




	
	
	
		
 
    height: 100%;

			




	
	
	
		
 
}

			




        

    


    
    

    

        

                

                    kallithea/templates/base/base.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
		
 
@@ -128,25 +128,25 @@

			




	
	
	
		
 
      -->

			




	
	
	
		
 
      <ul id="context-pages" class="horizontal-list">

			




	
	
	
		
 
        <li ${is_current('summary')} data-context="summary"><a href="${h.url('summary_home', repo_name=c.repo_name)}"><i class="icon-doc-text"></i> ${_('Summary')}</a></li>

			




	
	
	
		
 
        %if rev:

			




	
	
	
		
 
        <li ${is_current('changelog')} data-context="changelog"><a href="${h.url('changelog_file_home', repo_name=c.repo_name, revision=rev, f_path='')}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>

			




	
	
	
		
 
        %else:

			




	
	
	
		
 
        <li ${is_current('changelog')} data-context="changelog"><a href="${h.url('changelog_home', repo_name=c.repo_name)}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>

			




	
	
	
		
 
        %endif

			




	
	
	
		
 
        <li ${is_current('files')} data-context="files"><a href="${h.url('files_home', repo_name=c.repo_name, revision=rev or 'tip')}"><i class="icon-doc-inv"></i> ${_('Files')}</a></li>

			




	
	
	
		
 
        <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:

			




	
	
	
		
 
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"><i class="icon-wrench"></i> ${_('Options')} <i class="caret"></i></a>

			




	
	
	
		
 
             %endif

			




	
	
	
		
 
          <ul class="dropdown-menu" role="menu">

			




	
	
	
		
 
             %if h.HasRepoPermissionAny('repository.admin')(c.repo_name):

			




	
	
	
		
 
                   <li><a href="${h.url('edit_repo',repo_name=c.repo_name)}"><i class="icon-gear"></i> ${_('Settings')}</a></li>

			




	
	
	
		
 
             %endif

			




	
	
	
		
 
              %if c.db_repo.fork:

			




	
	
	
		
 
               <li><a href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1], other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}">

			




	
	
	
		
 
                   <i class="icon-git-compare"></i> ${_('Compare Fork')}</a></li>

			




	
	
		
 
@@ -368,25 +368,25 @@

			




	
	
	
		
 
          ${h.gravatar_div(c.authuser.email, size=20, div_class="icon", div_style="display:inline")}

			




	
	
	
		
 
          %if c.authuser.username != 'default':

			




	
	
	
		
 
            <span class="menu_link_user">${c.authuser.username}</span>

			




	
	
	
		
 
            %if c.unread_notifications != 0:

			




	
	
	
		
 
              <span class="badge">${c.unread_notifications}</span>

			




	
	
	
		
 
            %endif

			




	
	
	
		
 
          %else:

			




	
	
	
		
 
              <span>${_('Not Logged In')}</span>

			




	
	
	
		
 
          %endif

			




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

			




	
	
	
		
 
            <div class="form">

			




	
	
	
		
 
                <div class="fields">

			




	
	
	
		
 
                    <div class="field">

			




	
	
	
		
 
                        <div class="label">

			




	
	
	
		
 
                            <label for="username">${_('Username')}:</label>

			




	
	
	
		
 
                        </div>

			




	
	
	
		
 
                        <div class="input">

			




	
	
	
		
 
                            ${h.text('username',class_='focus')}

			




	
	
	
		
 
                        </div>

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







  


    




    








    
        
    
    
        This site is powered by
            Kallithea 0.7.0,
        which is
        © 2010–2025 by various authors & licensed under GPLv3.