[nautilus/wip/antoniof/flow-box-preparation: 13/13] view-icon-item-ui: Tweak selection visuals




commit cf5bcca15be1d3c761ff860bd30481987b3eeb99
Author: António Fernandes <antoniof gnome org>
Date:   Wed Sep 1 00:51:06 2021 +0100

    view-icon-item-ui: Tweak selection visuals
    
    Make it closer to the style used by the canvas view.

 src/resources/css/Adwaita.css                  | 23 ++++++++++++++---------
 src/resources/ui/nautilus-view-icon-item-ui.ui |  3 ---
 2 files changed, 14 insertions(+), 12 deletions(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 9516cab5d..cb5c8bfc8 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -207,14 +207,19 @@ flowboxchild:selected {
   border-width:0px;
 }
 
-flowboxchild > .icon-item-background {
-  padding:4px;
+flowboxchild label {
+  padding: 2px 4px;
+  border-radius: 4px;
 }
-flowboxchild:selected > .icon-item-background {
-  padding:4px;
-  background-color:#4a90d9;
-  border-color:#4a90d9;
-  border-style:solid;
-  border-width:0px;
-  border-radius:4px 4px 4px 4px;
+
+flowboxchild:selected label {
+  background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+  -gtk-icon-effect: dim; /* GTK 3 only */
+  /* GTK 4 TODO: Replace previous line with the following one:
+  -gtk-icon-filter: opacity(0.5)
+  */
+  -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
 }
diff --git a/src/resources/ui/nautilus-view-icon-item-ui.ui b/src/resources/ui/nautilus-view-icon-item-ui.ui
index 615cbcbba..be76ac240 100644
--- a/src/resources/ui/nautilus-view-icon-item-ui.ui
+++ b/src/resources/ui/nautilus-view-icon-item-ui.ui
@@ -7,9 +7,6 @@
         <property name="orientation">vertical</property>
         <property name="halign">center</property>
         <property name="valign">start</property>
-        <style>
-          <class name="icon-item-background"/>
-        </style>
         <child>
           <object class="GtkBox" id="fixed_height_box">
             <property name="orientation">vertical</property>


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