[nautilus/wip/antoniof/flow-box-preparation: 12/32] view-icon-item-ui: Apply shadow to thumbnails




commit bf4382fae05c788979f45a0c7f5a7f41b5809a44
Author: António Fernandes <antoniof gnome org>
Date:   Sun Oct 31 21:24:58 2021 +0000

    view-icon-item-ui: Apply shadow to thumbnails
    
    Currently we use a dark square background for thumbnails, which doesn't
    look nice.
    
    Instead, use a shadow which tries to match the icon theme perspective.

 src/nautilus-view-icon-item-ui.c | 6 +++---
 src/resources/css/Adwaita.css    | 8 +++-----
 2 files changed, 6 insertions(+), 8 deletions(-)
---
diff --git a/src/nautilus-view-icon-item-ui.c b/src/nautilus-view-icon-item-ui.c
index d39417db5..1835cbef3 100644
--- a/src/nautilus-view-icon-item-ui.c
+++ b/src/nautilus-view-icon-item-ui.c
@@ -44,15 +44,15 @@ update_icon (NautilusViewIconItemUi *self)
     gtk_image_set_from_pixbuf (GTK_IMAGE (self->icon), icon_pixbuf);
 
     gtk_widget_set_size_request (self->fixed_height_box, icon_size, icon_size);
-    style_context = gtk_widget_get_style_context (self->fixed_height_box);
+    style_context = gtk_widget_get_style_context (self->icon);
     if (nautilus_can_thumbnail (file) &&
         nautilus_file_should_show_thumbnail (file))
     {
-        gtk_style_context_add_class (style_context, "icon-background");
+        gtk_style_context_add_class (style_context, "thumbnail");
     }
     else
     {
-        gtk_style_context_remove_class (style_context, "icon-background");
+        gtk_style_context_remove_class (style_context, "thumbnail");
     }
 }
 
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 47d1fa6bf..0fabdf603 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -207,11 +207,9 @@ flowboxchild:selected {
   background-color:transparent;
 }
 
-.icon-background {
-  background-color:black;
-  border-color:#4a90d9;
-  border-style:solid;
-  border-width:0px;
+flowboxchild .thumbnail {
+  box-shadow: 0px 1px 2px 0px @borders;
+  border-radius: 2px;
 }
 
 .icon-ui-labels-box {


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