No Image Repetition on Enabling Apps in Navigation Bar

This commit is contained in:
raghunayyar 2013-01-30 00:54:23 +05:30
parent a86da16a10
commit d620495e92
2 changed files with 9 additions and 1 deletions

View File

@ -192,6 +192,11 @@ fieldset.warning legend { color:#b94a48 !important; }
#navigation a:hover, #navigation a:focus { opacity:.8; }
#navigation a.active { opacity:1; }
#navigation .icon { display:block; width:32px; height:32px; margin:0 16px 0; }
#navigation .enabled-app:hover, #navigation .enabled-app:focus {opacity:1; }
#navigation .enabled-app img {display:block; width:32px; height:32px; margin:0 16px 0; opacity:0.3; background-repeat:no-repeat; cursor:pointer;}
#navigation .enabled-app a {padding:4px 0 4px; }
#navigation .enabled-app:hover a, #navigation .enabled-app:focus a {opacity:0.8; }
#navigation .enabled-app:hover img, #navigation .enabled-app:focus img {opacity:0.8; }
#navigation li:first-child a { padding-top:16px; }
#settings { float:right; margin-top:7px; color:#bbb; text-shadow:0 -1px 0 #000; }
#expand { padding:15px; cursor:pointer; font-weight:bold; }

View File

@ -110,9 +110,12 @@ OC.Settings.Apps = OC.Settings.Apps || {
if(container.children('li[data-id="'+entry.id+'"]').length === 0){
var li=$('<li></li>');
var img =$('<img></img>');
li.attr('data-id', entry.id);
li.attr('class', 'enabled-app');
img.attr('style', 'background-image: url('+entry.icon+');');
li.append(img);
var a=$('<a></a>');
a.attr('style', 'background-image: url('+entry.icon+')');
a.text(entry.name);
a.attr('href', entry.href);
li.append(a);