feat(segment,grid): left and right attached variant

This PR finally allows to have a vertical tabular menu flawlessly attached to a left or right segment inside a grid column. To accomplish this the tabular menu has to stay inside a left/right attached column and a left/right attached segment has to stay in a left/right attached column
fomantic · Feb 3, 2023 · e1559e8 · e1559e8
1 parent cf51e1c
commit e1559e8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
@@ -1972,4 +1972,13 @@
     }
 }
 
+& when (@variationGridAttached) {
+    .ui.grid .left.attached.column {
+        padding-left: 0;
+    }
+    .ui.grid .right.attached.column {
+        padding-right: 0;
+    }
+}
+
 .loadUIOverrides();
diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less
@@ -761,6 +761,14 @@
     .ui.tab.segment[class*="bottom attached"]:last-child {
         margin-bottom: @verticalMargin;
     }
+    .ui[class*="left attached"].segment {
+        border-left: none;
+        margin-left: 0;
+    }
+    .ui[class*="right attached"].segment {
+        border-right: none;
+        margin-right: 0;
+    }
 }
 
 & when (@variationSegmentFitted) {

diff --git a/src/themes/default/globals/variation.variables b/src/themes/default/globals/variation.variables
@@ -294,6 +294,7 @@
 @variationGridDivided: true;
 @variationGridVertical: true;
 @variationGridAligned: true;
+@variationGridAttached: true;
 @variationGridStretched: true;
 @variationGridJustified: true;
 @variationGridReversed: true;