[nautilus] css: Fine-tune floating bar visuals

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

commit 2a26c1714ee642f5498702ec2e4a7ba181bba3e3
Author: Utkarsh Gandhi <utkarshvg2401 gmail com>
Date:   Sun Mar 27 20:00:02 2022 +0000

    css: Fine-tune floating bar visuals
    
    Currently, the floating status bar has a custom border, which needs to
    be changed depending on text direction, not to conflict with window border.
    
    But this border looks bad when overlaying colorful content.
    
    To fix this, instead of using border, we need to use box-shadow with 1px
    spread radius. Thanks to the clipping at the edge of the window, there is
    no need to worry about text direction.
    
    https://gitlab.gnome.org/GNOME/nautilus/-/issues/2099

 src/resources/css/Adwaita.css | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 5667922fb..6a59b4d76 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -82,18 +82,14 @@
 .floating-bar {
   padding: 3px;
   background-color: @view_bg_color;
-  border-width: 1px;
-  border-style: solid solid none;
-  border-color: @borders;
+  box-shadow: 0 0 0 1px @borders;
   border-radius: 8px 0 0 0;
 }
 
 .floating-bar.bottom.left { /* axes left border and border radius */
-  border-left-style: none;
   border-top-left-radius: 0;
 }
 .floating-bar.bottom.right { /* axes right border and border radius */
-  border-right-style: none;
   border-top-right-radius: 0;
 }