[nautilus/wip/antoniof/draw-shadow-directly: 3/3] canvas-item: Fix black corner glitch in selected thumbnails

[António Fernandes <antoniof src gnome org>]

commit d763c3472d80514c98ed273dc4d7301fe39f0f4d
Author: António Fernandes <antoniof gnome org>
Date:   Tue Mar 1 21:37:56 2022 +0000

    canvas-item: Fix black corner glitch in selected thumbnails
    
    The  canvas item style includes a 5px border-radius for the rectangle
    around labels when the item is selected.
    
    However, this is also affecting the icon, causing black artifacts in
    the corners of selected thumbnails and custom icons. Previously, this
    wasn't visible for thumbnails because they used to have rounded frames.
    
    Explicitly set the 5px for the box label alone and ensure the icons
    (before applying the shadow) have sharp corners.

 src/nautilus-canvas-item.c    | 1 +
 src/resources/css/Adwaita.css | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)
---
diff --git a/src/nautilus-canvas-item.c b/src/nautilus-canvas-item.c
index 436f813d7..d833b6d49 100644
--- a/src/nautilus-canvas-item.c
+++ b/src/nautilus-canvas-item.c
@@ -1384,6 +1384,7 @@ nautilus_canvas_item_draw (EelCanvasItem  *item,
     cairo_surface_destroy (temp_surface);
 
     /* Draw the label text. */
+    gtk_style_context_add_class (context, "label-text");
     draw_label_text (canvas_item, cr, icon_rect);
 
     gtk_style_context_restore (context);
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index d259921ce..f96cddc19 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -9,9 +9,11 @@
 }
 
 .nautilus-canvas-item {
-    border-radius: 5px;
+    border-radius: 0px;
 }
 
+.nautilus-canvas-item.label-text {
+    border-radius: 5px;
 }
 
 .nautilus-canvas-item.dim-label {