Reduced Styling and Image loads as from src and not backgorund.

diff --git a/core/css/styles.css b/core/css/styles.css
index dc9bd0b5c034f69177e6af45c805cd61cf5c42b9..3b107a87224018f81a8c2e3062c811f9d6cc01e7 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -192,8 +192,8 @@ 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: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; }
@@ -208,6 +208,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 d4d25c499cac0db340c02f099b270ed49e5547c0..ec0de8e4da50764e6b06b1283edfee43ab7ceecc 100644 (file)
--- a/settings/js/apps.js
+++ b/settings/js/apps.js
@@ -113,7 +113,8 @@ OC.Settings.Apps = OC.Settings.Apps || {
                                                var img =$('<img></img>');
                                                li.attr('data-id', entry.id);
                                                li.attr('class', 'enabled-app');
-                                               img.attr('style', 'background-image: url('+entry.icon+');');
+                                               img.attr('src', entry.icon);
+                                               img.attr('class', 'icon');
                                                li.append(img);                                         
                                                var a=$('<a></a>');
                                                a.text(entry.name);