feat(segment): loading segment should cover loading spinner

lubber-de · web-flow · commit b95246742556 · 2023-03-24T07:10:59.000+01:00
An empty loading segment does not cover the loading spinner Original Fix by @brendon in Semantic-Org/Semantic-UI#6560
diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less
@@ -545,6 +545,7 @@
         pointer-events: none;
         user-select: none;
         transition: all 0s linear;
+        min-height: @loadingMinHeight;
     }
     .ui.loading.segments::before,
     .ui.loading.segment::before {
diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables
@@ -88,6 +88,7 @@
 /* Loading Spinner */
 @loaderSize: 3em;
 @loaderLineZIndex: 101;
+@loadingMinHeight: @loaderSize * 1.5;
 
 /*******************************
             Variations

Original file line number	Diff line number	Diff line change
`@@ -545,6 +545,7 @@`
`545`	`545`	`pointer-events: none;`
`546`	`546`	`user-select: none;`
`547`	`547`	`transition: all 0s linear;`
	`548`	`+ min-height: @loadingMinHeight;`
`548`	`549`	`}`
`549`	`550`	`.ui.loading.segments::before,`
`550`	`551`	`.ui.loading.segment::before {`