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




commit 4abe024d3335e9f26eab3052e7eda65e4bfff79c
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]