diff options
| author | raghunayyar <me@iraghu.com> | 2013-01-30 00:54:23 +0530 |
|---|---|---|
| committer | raghunayyar <me@iraghu.com> | 2013-01-30 00:54:23 +0530 |
| commit | d620495e9250a2c12aa96fd3a2b8291848df73f1 (patch) | |
| tree | 6f4d7490410ee4c15f04dfec5a2e33e8c9f3bb72 | |
| parent | a86da16a10d15b88af456eddb7d3efac6db70361 (diff) | |
| download | nextcloud-server-d620495e9250a2c12aa96fd3a2b8291848df73f1.tar.gz nextcloud-server-d620495e9250a2c12aa96fd3a2b8291848df73f1.zip | |
No Image Repetition on Enabling Apps in Navigation Bar
| -rw-r--r-- | core/css/styles.css | 5 | ||||
| -rw-r--r-- | settings/js/apps.js | 5 |
2 files changed, 9 insertions, 1 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 6179df351c7..dc9bd0b5c03 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -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; } diff --git a/settings/js/apps.js b/settings/js/apps.js index c4c36b4bb12..d4d25c499ca 100644 --- a/settings/js/apps.js +++ b/settings/js/apps.js @@ -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); |