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




commit 0a5f86b5300fcf4355f5e2e667899d5ea148ae86
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 3c2bcdb7..91273915 100644
--- a/src/stylesheet/widgets/_linked.scss
+++ b/src/stylesheet/widgets/_linked.scss
@@ -11,23 +11,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;
       }
     }
   }
@@ -35,13 +32,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]