Skip to content

Commit e1559e8

Browse files
authored
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
1 parent cf51e1c commit e1559e8

File tree

3 files changed

+18
-0
lines changed

3 files changed

+18
-0
lines changed

src/definitions/collections/grid.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1972,4 +1972,13 @@
19721972
}
19731973
}
19741974

1975+
& when (@variationGridAttached) {
1976+
.ui.grid .left.attached.column {
1977+
padding-left: 0;
1978+
}
1979+
.ui.grid .right.attached.column {
1980+
padding-right: 0;
1981+
}
1982+
}
1983+
19751984
.loadUIOverrides();

src/definitions/elements/segment.less

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -761,6 +761,14 @@
761761
.ui.tab.segment[class*="bottom attached"]:last-child {
762762
margin-bottom: @verticalMargin;
763763
}
764+
.ui[class*="left attached"].segment {
765+
border-left: none;
766+
margin-left: 0;
767+
}
768+
.ui[class*="right attached"].segment {
769+
border-right: none;
770+
margin-right: 0;
771+
}
764772
}
765773

766774
& when (@variationSegmentFitted) {

src/themes/default/globals/variation.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -294,6 +294,7 @@
294294
@variationGridDivided: true;
295295
@variationGridVertical: true;
296296
@variationGridAligned: true;
297+
@variationGridAttached: true;
297298
@variationGridStretched: true;
298299
@variationGridJustified: true;
299300
@variationGridReversed: true;

0 commit comments

Comments
 (0)