Reduced size of systray icons, gave system buttons and systray icons …

…the same style
linuxmint · Dec 17, 2011 · ae31c3c · ae31c3c
1 parent 562778b
commit ae31c3c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 13 deletions.
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
@@ -277,8 +277,7 @@ StTooltip StLabel {
 
 #panel {
     color: #ffffff;
-    background-color: black;
-    border-image: url("panel-border.svg") 1;
+    background-color: #555555;    
     font-size: 8.5pt;
     font-weight: normal;
     height: 25px;
@@ -297,11 +296,32 @@ StTooltip StLabel {
 }
 
 #panelRight:ltr {
-    padding-left: 4px;
+    padding-left: 0px;
+    spacing: 0px;
 }
 
 #panelRight:rtl {
-    padding-right: 4px;
+    padding-right: 0px;
+    spacing: 0px;
+}
+
+.panel-status-button {
+	border: 0px solid #8b8b8b;
+	-natural-hpadding: 5px;
+    -minimum-hpadding: 5px;
+    font-weight: bold;
+    color: #ccc;    
+}
+
+.panel-status-button:hover {
+    color: white;    
+}
+
+.system-status-icon {
+	padding-left: 0px;
+	padding-right: 0px;	
+	spacing: 0px;
+	margin: 0px;
 }
 
 .panel-corner {
@@ -360,12 +380,6 @@ StTooltip StLabel {
     text-shadow: black 0px 2px 2px;
 }
 
-.panel-status-button:active,
-.panel-status-button:checked,
-.panel-status-button:focus {
-    background-image: url("panel-button-highlight-narrow.svg");
-}
-
 .panel-button:active > .system-status-icon,
 .panel-button:checked > .system-status-icon,
 .panel-button:focus > .system-status-icon {

diff --git a/js/ui/panel.js b/js/ui/panel.js
@@ -1116,8 +1116,8 @@ Panel.prototype = {
             return;
         }
 
-        icon.height = PANEL_ICON_SIZE;
-        let buttonBox = new PanelMenu.ButtonBox();
+        //icon.height = PANEL_ICON_SIZE;        
+        let buttonBox = new PanelMenu.ButtonBox({ style_class: 'panel-status-button' });
         let box = buttonBox.actor;
         box.add_actor(icon);
 

diff --git a/js/ui/panelMenu.js b/js/ui/panelMenu.js
@@ -197,7 +197,7 @@ SystemStatusButton.prototype = {
                                         icon_type: St.IconType.SYMBOLIC,
                                         style_class: 'system-status-icon' });
         this.actor.add_actor(this._iconActor);
-        this.actor.add_style_class_name('panel-status-button');
+        this.actor.set_style_class_name('panel-status-button');
         this.setTooltip(tooltipText);
     },