Changeset - d4bb8de7382f
Parent rev.
Child rev.
[Not reviewed]
beta
0 3 0
Mads Kiilerich - 13 years ago 2013-01-23 20:26:34
madski@unity3d.com
top menu: show user menu when hovering instead of using js - like other menus
3 files changed with 7 insertions and 21 deletions:
rhodecode/public/css/style.css
3
1
rhodecode/templates/base/base.html
4
2
rhodecode/templates/base/root.html
18
0 comments (0 inline, 0 general)
rhodecode/public/css/style.css
➞
Show inline comments
 
@@ -2071,51 +2071,51 @@ a.metatag[tag="license"]:hover {
 
}
 

			




	
	
	
		
 
.user-menu{

			




	
	
	
		
 
    margin: 0px !important;

			




	
	
	
		
 
    float: left;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.user-menu .container{

			




	
	
	
		
 
    padding:0px 4px 0px 4px;

			




	
	
	
		
 
    margin: 0px 0px 0px 0px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.user-menu .gravatar{

			




	
	
	
		
 
    margin: 0px 0px 0px 0px;

			




	
	
	
		
 
    cursor: pointer;

			




	
	
	
		
 
}

			




	
	
	
		
 
.user-menu .gravatar.enabled{

			




	
	
	
		
 
	background-color: #FDF784 !important;

			




	
	
	
		
 
}

			




	
	
	
		
 
.user-menu .gravatar:hover{

			




	
	
	
		
 
    background-color: #FDF784 !important; 

			




	
	
	
		
 
}

			




	
	
	
		
 
#quick_login{

			




	
	
	
		
 
    min-height: 80px;

			




	
	
	
		
 
    margin: 37px 0 0 -280px;

			




	
	
	
		
 
    padding: 4px;

			




	
	
	
		
 
    position: absolute;

			




	
	
	
		
 
    right: 0;

			




	
	
	
		
 
    width: 278px;

			




	
	
	
		
 
    background-color: #003B76;

			




	
	
	
		
 
    background-repeat: repeat-x;

			




	
	
	
		
 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) );

			




	
	
	
		
 
    background-image: -moz-linear-gradient(top, #003b76, #00376e);

			




	
	
	
		
 
    background-image: -ms-linear-gradient(top, #003b76, #00376e);

			




	
	
	
		
 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );

			




	
	
	
		
 
    background-image: -webkit-linear-gradient(top, #003b76, #00376e);

			




	
	
	
		
 
    background-image: -o-linear-gradient(top, #003b76, #00376e);

			




	
	
	
		
 
    background-image: linear-gradient(top, #003b76, #00376e);

			




	
	
	
		
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 );

			




	
	
	
		
 

			




	
	
	
		
 
	z-index: 999;

			




	
	
	
		
 
	-webkit-border-radius: 0px 0px 4px 4px;

			




	
	
	
		
 
	-khtml-border-radius: 0px 0px 4px 4px;

			




	
	
	
		
 
	-moz-border-radius: 0px 0px 4px 4px;

			




	
	
	
		
 
	border-radius: 0px 0px 4px 4px;

			




	
	
	
		
 
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

			




	
	
	
		
 
}

			




	
	
	
		
 
#quick_login h4{

			




	
	
	
		
 
    color: #fff;

			




	
	
	
		
 
    padding: 5px 0px 5px 14px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
		
 
@@ -3644,56 +3644,58 @@ img,

			




	
	
	
		
 
	border: none;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
img.icon,.right .merge img {

			




	
	
	
		
 
	vertical-align: bottom;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#header ul#logged-user,#content div.box div.title ul.links,

			




	
	
	
		
 
#content div.box div.message div.dismiss,

			




	
	
	
		
 
#content div.box div.traffic div.legend ul

			




	
	
	
		
 
	{

			




	
	
	
		
 
	float: right;

			




	
	
	
		
 
	margin: 0;

			




	
	
	
		
 
	padding: 0;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#header #header-inner #home,#header #header-inner #logo,

			




	
	
	
		
 
#content div.box ul.left,#content div.box ol.left,

			




	
	
	
		
 
#content div.box div.pagination-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,#content #left #menu ul.opened,#content #left #menu li ul.expanded

			




	
	
	
		
 
	{

			




	
	
	
		
 
	display: block;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#content div.graph {

			




	
	
	
		
 
	padding: 0 10px 10px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#content div.box div.title ul.links li a:hover,#content div.box div.title ul.links li.ui-tabs-selected a

			




	
	
	
		
 
	{

			




	
	
	
		
 
	color: #bfe3ff;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#content div.box ol.lower-roman,#content div.box ol.upper-roman,#content div.box ol.lower-alpha,#content div.box ol.upper-alpha,#content div.box ol.decimal

			




	
	
	
		
 
	{

			




	
	
	
		
 
	margin: 10px 24px 10px 44px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
#content div.box div.form,#content div.box div.table,#content div.box div.traffic

			




	
	
	
		
 
	{

			




	
	
	
		
 
	clear: both;

			




	
	
	
		
 
	overflow: hidden;

			




	
	
	
		
 
	margin: 0;

			




        

    


    
    

    

        

                

                    rhodecode/templates/base/base.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
		
 
@@ -40,67 +40,67 @@

			




	
	
	
		
 
           <p class="footer-link">

			




	
	
	
		
 
                <a href="${h.url('bugtracker')}">${_('Submit a bug')}</a>

			




	
	
	
		
 
           </p>

			




	
	
	
		
 
           <p class="footer-link-right">

			




	
	
	
		
 
               <a href="${h.url('rhodecode_official')}">RhodeCode${'-%s' % c.rhodecode_instanceid if c.rhodecode_instanceid else ''}</a>

			




	
	
	
		
 
               ${c.rhodecode_version} &copy; 2010-${h.datetime.today().year} by Marcin Kuzminski

			




	
	
	
		
 
           </p>

			




	
	
	
		
 
       </div>

			




	
	
	
		
 
   </div>

			




	
	
	
		
 
</div>

			




	
	
	
		
 
<!-- END FOOTER -->

			




	
	
	
		
 

			




	
	
	
		
 
### MAKO DEFS ###

			




	
	
	
		
 
<%def name="page_nav()">

			




	
	
	
		
 
    ${self.menu()}

			




	
	
	
		
 
</%def>

			




	
	
	
		
 

			




	
	
	
		
 
<%def name="breadcrumbs()">

			




	
	
	
		
 
    <div class="breadcrumbs">

			




	
	
	
		
 
    ${self.breadcrumbs_links()}

			




	
	
	
		
 
    </div>

			




	
	
	
		
 
</%def>

			




	
	
	
		
 

			




	
	
	
		
 
<%def name="usermenu()">

			




	
	
	
		
 
    ## USER MENU

			




	
	
	
		
 
    <li>

			




	
	
	
		
 
        <a class="menu_link" id="quick_login_link">

			




	
	
	
		
 
            <span class="icon" style="background-image:url(${h.gravatar_url(c.rhodecode_user.email,16)}); background-repeat:no-repeat; background-position:center; ">

			




	
	
	
		
 
                %if c.rhodecode_user.username != 'default' and c.unread_notifications != -1:

			




	
	
	
		
 
                <span class="notifications" href="${h.url('notifications')}">${c.unread_notifications}</span>

			




	
	
	
		
 
                %endif

			




	
	
	
		
 
            </span>

			




	
	
	
		
 
            <span>

			




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

			




	
	
	
		
 
                ${c.rhodecode_user.username}

			




	
	
	
		
 
                %else:

			




	
	
	
		
 
                ${_('Not logged in')}

			




	
	
	
		
 
                %endif

			




	
	
	
		
 
            </span>

			




	
	
	
		
 
        </a>

			




	
	
	
		
 
    </li>

			




	
	
	
		
 

			




	
	
	
		
 
  <div class="user-menu">

			




	
	
	
		
 
      <div id="quick_login" style="display:none">

			




	
	
	
		
 
      <div id="quick_login">

			




	
	
	
		
 
        %if c.rhodecode_user.username == 'default':

			




	
	
	
		
 
            <h4>${_('Login to your account')}</h4>

			




	
	
	
		
 
            ${h.form(h.url('login_home',came_from=h.url.current()))}

			




	
	
	
		
 
            <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',size=40)}

			




	
	
	
		
 
                        </div>

			




	
	
	
		
 

			




	
	
	
		
 
                    </div>

			




	
	
	
		
 
                    <div class="field">

			




	
	
	
		
 
                        <div class="label">

			




	
	
	
		
 
                            <label for="password">${_('Password')}:</label>

			




	
	
	
		
 
                        </div>

			




	
	
	
		
 
                        <div class="input">

			




	
	
	
		
 
                            ${h.password('password',class_='focus',size=40)}

			




	
	
	
		
 
                        </div>

			




	
	
	
		
 

			




	
	
	
		
 
                    </div>

			




	
	
	
		
 
                    <div class="buttons">

			




	
	
		
 
@@ -114,48 +114,50 @@

			




	
	
	
		
 
                            ${h.submit('sign_in',_('Log In'),class_="ui-btn xsmall")}

			




	
	
	
		
 
                        </div>

			




	
	
	
		
 
                    </div>

			




	
	
	
		
 
                </div>

			




	
	
	
		
 
            </div>

			




	
	
	
		
 
            ${h.end_form()}

			




	
	
	
		
 
        %else:

			




	
	
	
		
 
            <div class="links_left">

			




	
	
	
		
 
                <div class="full_name">${c.rhodecode_user.full_name_or_username}</div>

			




	
	
	
		
 
                <div class="email">${c.rhodecode_user.email}</div>

			




	
	
	
		
 
                <div class="big_gravatar"><img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,48)}" /></div>

			




	
	
	
		
 
                <div class="inbox"><a href="${h.url('notifications')}">${_('Inbox')}: ${c.unread_notifications}</a></div>

			




	
	
	
		
 
            </div>

			




	
	
	
		
 
            <div class="links_right">

			




	
	
	
		
 
            <ol class="links">

			




	
	
	
		
 
              <li>${h.link_to(_(u'Home'),h.url('home'))}</li>

			




	
	
	
		
 
              <li>${h.link_to(_(u'Journal'),h.url('journal'))}</li>

			




	
	
	
		
 
              <li>${h.link_to(_(u'My account'),h.url('admin_settings_my_account'))}</li>

			




	
	
	
		
 
              <li class="logout">${h.link_to(_(u'Log Out'),h.url('logout_home'))}</li>

			




	
	
	
		
 
            </ol>

			




	
	
	
		
 
            </div>

			




	
	
	
		
 
        %endif

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
 </div>

			




	
	
	
		
 

			




	
	
	
		
 
    </li>

			




	
	
	
		
 
</%def>

			




	
	
	
		
 

			




	
	
	
		
 
<%def name="menu(current=None)">

			




	
	
	
		
 
        <%

			




	
	
	
		
 
        def is_current(selected):

			




	
	
	
		
 
            if selected == current:

			




	
	
	
		
 
                return h.literal('class="current"')

			




	
	
	
		
 
        %>

			




	
	
	
		
 
        %if current not in ['home','admin']:

			




	
	
	
		
 
            ##REGULAR MENU

			




	
	
	
		
 
            <ul id="quick">

			




	
	
	
		
 
                <!-- repo switcher -->

			




	
	
	
		
 
                <li>

			




	
	
	
		
 
                    <a class="menu_link" id="repo_switcher" title="${_('Switch repository')}" href="#">

			




	
	
	
		
 
                    <span class="icon">

			




	
	
	
		
 
                        <img src="${h.url('/images/icons/database.png')}" alt="${_('Products')}" />

			




	
	
	
		
 
                    </span>

			




	
	
	
		
 
                    <span>${_('Repositories')}</span>

			




	
	
	
		
 
                    </a>

			




	
	
	
		
 
                    <ul id="repo_switcher_list" class="repo_switcher">

			




	
	
	
		
 
                        <li>

			




	
	
	
		
 
                            <a href="#">${_('loading...')}</a>

			




	
	
	
		
 
                        </li>

			




	
	
	
		
 
                    </ul>

			




        

    


    
    

    

        

                

                    rhodecode/templates/base/root.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
		
 
@@ -59,65 +59,47 @@

			




	
	
	
		
 
            <script type="text/javascript" src="${h.url('/js/yui.2.9.js', ver=c.rhodecode_version)}"></script>

			




	
	
	
		
 
            <!--[if lt IE 9]>

			




	
	
	
		
 
               <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>

			




	
	
	
		
 
            <![endif]-->

			




	
	
	
		
 
            <script type="text/javascript" src="${h.url('/js/yui.flot.js', ver=c.rhodecode_version)}"></script>

			




	
	
	
		
 
            <script type="text/javascript" src="${h.url('/js/native.history.js', ver=c.rhodecode_version)}"></script>

			




	
	
	
		
 
            <script type="text/javascript" src="${h.url('/js/rhodecode.js', ver=c.rhodecode_version)}"></script>

			




	
	
	
		
 
           ## EXTRA FOR JS

			




	
	
	
		
 
           ${self.js_extra()}

			




	
	
	
		
 
            <script type="text/javascript">

			




	
	
	
		
 
            (function(window,undefined){

			




	
	
	
		
 
                // Prepare

			




	
	
	
		
 
                var History = window.History; // Note: We are using a capital H instead of a lower h

			




	
	
	
		
 
                if ( !History.enabled ) {

			




	
	
	
		
 
                     // History.js is disabled for this browser.

			




	
	
	
		
 
                     // This is because we can optionally choose to support HTML4 browsers or not.

			




	
	
	
		
 
                    return false;

			




	
	
	
		
 
                }

			




	
	
	
		
 
            })(window);

			




	
	
	
		
 

			




	
	
	
		
 
            YUE.onDOMReady(function(){

			




	
	
	
		
 
              tooltip_activate();

			




	
	
	
		
 
              show_more_event();

			




	
	
	
		
 
              show_changeset_tooltip();

			




	
	
	
		
 

			




	
	
	
		
 
              YUE.on('quick_login_link','click',function(e){

			




	
	
	
		
 
                 // make sure we don't redirect

			




	
	
	
		
 
                 YUE.preventDefault(e);

			




	
	
	
		
 

			




	
	
	
		
 
                 if(YUD.hasClass('quick_login_link','enabled')){

			




	
	
	
		
 
                     YUD.setStyle('quick_login','display','none');

			




	
	
	
		
 
                     YUD.removeClass('quick_login_link','enabled');

			




	
	
	
		
 
                 }

			




	
	
	
		
 
                 else{

			




	
	
	
		
 
                     YUD.setStyle('quick_login','display','');

			




	
	
	
		
 
                     YUD.addClass('quick_login_link','enabled');

			




	
	
	
		
 
                     var usr = YUD.get('username');

			




	
	
	
		
 
                     if(usr){

			




	
	
	
		
 
                         usr.focus();

			




	
	
	
		
 
                     }

			




	
	
	
		
 
                 }

			




	
	
	
		
 
              });

			




	
	
	
		
 
           })

			




	
	
	
		
 
            </script>

			




	
	
	
		
 
        </%def>

			




	
	
	
		
 
        <%def name="js_extra()"></%def>

			




	
	
	
		
 
        ${self.js()}

			




	
	
	
		
 
        <%def name="head_extra()"></%def>

			




	
	
	
		
 
        ${self.head_extra()}

			




	
	
	
		
 
    </head>

			




	
	
	
		
 
    <body id="body">

			




	
	
	
		
 
     ## IE hacks

			




	
	
	
		
 
      <!--[if IE 7]>

			




	
	
	
		
 
      <script>YUD.addClass(document.body,'ie7')</script>

			




	
	
	
		
 
      <![endif]-->

			




	
	
	
		
 
      <!--[if IE 8]>

			




	
	
	
		
 
      <script>YUD.addClass(document.body,'ie8')</script>

			




	
	
	
		
 
      <![endif]-->

			




	
	
	
		
 
      <!--[if IE 9]>

			




	
	
	
		
 
      <script>YUD.addClass(document.body,'ie9')</script>

			




	
	
	
		
 
      <![endif]-->

			




	
	
	
		
 

			




	
	
	
		
 
      ${next.body()}

			




	
	
	
		
 
    </body>

			




	
	
	
		
 
</html>

			




        

    



    


    



    



      

      





    
    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.