Mercurial > kallithea
changeset 1426:91708b96e991 beta
Fixed show more links.
improved gui for quick menu.
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Sun, 10 Jul 2011 16:26:42 +0200 |
parents | 3dedf3991d40 |
children | ba697e2f71ff |
files | rhodecode/public/css/style.css rhodecode/public/js/rhodecode.js rhodecode/templates/admin/admin.html rhodecode/templates/base/root.html rhodecode/templates/index_base.html |
diffstat | 5 files changed, 30 insertions(+), 13 deletions(-) [+] |
line wrap: on
line diff
--- a/rhodecode/public/css/style.css Sun Jul 10 15:50:31 2011 +0200 +++ b/rhodecode/public/css/style.css Sun Jul 10 16:26:42 2011 +0200 @@ -563,23 +563,37 @@ .quick_repo_menu{ - background: #FFF url("../images/vertical-indicator.png") 6px 9px no-repeat !important; + background: #FFF url("../images/vertical-indicator.png") 8px 50% no-repeat !important; cursor: pointer; + width: 8px; } .quick_repo_menu.active{ - background: #FFF url("../images/horizontal-indicator.png") 4px 9px no-repeat !important; + background: #FFF url("../images/horizontal-indicator.png") 4px 50% no-repeat !important; cursor: pointer; } .quick_repo_menu .menu_items{ margin-top:6px; + width:150px; position: absolute; background-color:#FFF; - padding: 4px; background: none repeat scroll 0 0 #FFFFFF; border-color: #003367 #666666 #666666; border-right: 1px solid #666666; border-style: solid; border-width: 1px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); +} +.quick_repo_menu .menu_items li{ + padding:0 !important; +} +.quick_repo_menu .menu_items a{ + display: block; + padding: 4px 12px 4px 8px; +} +.quick_repo_menu .menu_items a:hover{ + background-color: #EEE; + text-decoration: none; + } .quick_repo_menu .menu_items .icon img{ margin-bottom:-2px;
--- a/rhodecode/public/js/rhodecode.js Sun Jul 10 15:50:31 2011 +0200 +++ b/rhodecode/public/js/rhodecode.js Sun Jul 10 16:26:42 2011 +0200 @@ -136,3 +136,15 @@ showdelay:20, }); } + +/** + * show more + */ +function show_more_event(){ + YUE.on(YUD.getElementsByClassName('show_more'),'click',function(e){ + var el = e.target; + YUD.setStyle(YUD.get(el.id.substring(1)),'display',''); + YUD.setStyle(el.parentNode,'display','none'); + }); +} +
--- a/rhodecode/templates/admin/admin.html Sun Jul 10 15:50:31 2011 +0200 +++ b/rhodecode/templates/admin/admin.html Sun Jul 10 16:26:42 2011 +0200 @@ -20,15 +20,6 @@ </div> <!-- end box / title --> <div class="table"> - <script type="text/javascript"> - function show_more_event(){ - YUE.on(YUD.getElementsByClassName('show_more'),'click',function(e){ - var el = e.target; - YUD.setStyle(YUD.get(el.id.substring(1)),'display',''); - YUD.setStyle(el.parentNode,'display','none'); - }); - } - </script> <div id="user_log"> ${c.log_data} </div>
--- a/rhodecode/templates/base/root.html Sun Jul 10 15:50:31 2011 +0200 +++ b/rhodecode/templates/base/root.html Sun Jul 10 16:26:42 2011 +0200 @@ -117,6 +117,7 @@ }); tooltip_activate(); + show_more_event(); YUE.on(YUQ('.quick_repo_menu'),'click',function(e){ var menu = e.currentTarget.firstElementChild;