diff options
| -rw-r--r-- | core/css/styles.css | 6 | ||||
| -rw-r--r-- | settings/js/apps.js | 8 |
2 files changed, 10 insertions, 4 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 45fdee755fc..831c6c752ec 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -193,6 +193,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 { opacity:0.3; 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; } @@ -204,6 +209,7 @@ fieldset.warning legend { color:#b94a48 !important; } #expanddiv a img { margin-bottom:-3px; } #expanddiv a:hover, #expanddiv a:focus, #expanddiv a:active { opacity:1; } + /* VARIOUS REUSABLE SELECTORS */ .hidden { display:none; } .bold { font-weight:bold; } diff --git a/settings/js/apps.js b/settings/js/apps.js index c4c36b4bb12..83a3f3c7dcc 100644 --- a/settings/js/apps.js +++ b/settings/js/apps.js @@ -109,12 +109,12 @@ OC.Settings.Apps = OC.Settings.Apps || { var container = $('#apps'); if(container.children('li[data-id="'+entry.id+'"]').length === 0){ - var li=$('<li></li>'); + var li=$('<li></li>').attr({class: 'enabled-app'}); li.attr('data-id', entry.id); - var a=$('<a></a>'); - a.attr('style', 'background-image: url('+entry.icon+')'); + var img= $('<img></img>').attr({ src: entry.icon, class:'icon'}); + li.append(img); + var a=$('<a></a>').attr('href', entry.href); a.text(entry.name); - a.attr('href', entry.href); li.append(a); container.append(li); } |