[libadwaita/wip/exalm/borderless-preparations: 9/10] stylesheet: Revert the linked style back




commit 818b565fd787a4c97327474a90ddf8852fd84c3f
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Sun Jul 4 19:05:06 2021 +0500

    stylesheet: Revert the linked style back
    
    Since message dialogs use flat buttons now, the original concern of
    linking suggested/destructive-action buttons isn't an issue anymore.
    
    So use 1px overlap to create visible borders instead of spacing. Remove
    the rounding as well, it was only there for the grow effect which we're
    not implementing.
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/201

 src/stylesheet/widgets/_linked.scss | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)
---
diff --git a/src/stylesheet/widgets/_linked.scss b/src/stylesheet/widgets/_linked.scss
index 68bbf225..1e29c3bc 100644
--- a/src/stylesheet/widgets/_linked.scss
+++ b/src/stylesheet/widgets/_linked.scss
@@ -10,23 +10,20 @@ $_linked_widgets: ("%button",          ""),
                   ("%entry",           ""),
                   ("entry",            "");
 
-.linked {
-  border-spacing: 3px;
-}
-
 @each $widget, $child in $_linked_widgets {
   .linked:not(.vertical) > {
     #{$widget} {
       &:dir(ltr):not(:first-child) #{$child},
       &:dir(rtl):not(:last-child) #{$child} {
-        border-top-left-radius: 2px;
-        border-bottom-left-radius: 2px;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        margin-left: -1px;
       }
 
       &:dir(ltr):not(:last-child) #{$child},
       &:dir(rtl):not(:first-child) #{$child} {
-        border-top-right-radius: 2px;
-        border-bottom-right-radius: 2px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
       }
     }
   }
@@ -34,13 +31,14 @@ $_linked_widgets: ("%button",          ""),
   .linked.vertical {
     #{$widget} {
       &:not(:first-child) #{$child} {
-        border-top-left-radius: 2px;
-        border-top-right-radius: 2px;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        margin-top: -1px;
       }
 
       &:not(:last-child) #{$child} {
-        border-bottom-left-radius: 2px;
-        border-bottom-right-radius: 2px;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
       }
     }
   }


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