[gnome-shell/wip/snwh/lg-papercuts] lg: Fix visual papercuts




commit 4be75336096c023c97c7479e1d7e53da59c5a4c6
Author: Sam Hewitt <sam snwh org>
Date:   Fri Feb 4 11:01:13 2022 -0330

    lg: Fix visual papercuts
    
    - change icon size to 16px
    - give those icons a buttonized style

 data/theme/gnome-shell-sass/widgets/_looking-glass.scss | 9 +++++++++
 js/ui/lookingGlass.js                                   | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss 
b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
index 6cda2705b9..da0dfbee88 100644
--- a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
@@ -16,6 +16,15 @@
     padding: $base_padding;
     border-radius: 0;
     background-color: transparent;
+
+    // messy way to style the icons as buttons
+    > StIcon {
+      padding: $base_padding $base_padding*2;
+      background-color: transparentize($osd_fg_color, 0.9) !important;
+      border-radius:$base_border_radius;
+      margin-right: $base_margin*2;
+      &:last-child { margin-right: 0;}
+    }
   }
 
   .labels { 
diff --git a/js/ui/lookingGlass.js b/js/ui/lookingGlass.js
index ed217a4dbb..49ac0c69cc 100644
--- a/js/ui/lookingGlass.js
+++ b/js/ui/lookingGlass.js
@@ -1265,7 +1265,7 @@ class LookingGlass extends St.BoxLayout {
         let toolbar = new St.BoxLayout({ name: 'Toolbar' });
         this.add_actor(toolbar);
         let inspectIcon = new St.Icon({ icon_name: 'find-location-symbolic',
-                                        icon_size: 24 });
+                                        icon_size: 16 });
         toolbar.add_actor(inspectIcon);
         inspectIcon.reactive = true;
         inspectIcon.connect('button-press-event', () => {
@@ -1282,7 +1282,7 @@ class LookingGlass extends St.BoxLayout {
         });
 
         let gcIcon = new St.Icon({ icon_name: 'user-trash-full-symbolic',
-                                   icon_size: 24 });
+                                   icon_size: 16 });
         toolbar.add_actor(gcIcon);
         gcIcon.reactive = true;
         gcIcon.connect('button-press-event', () => {


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]