fix(layout): issue with numbered lists margins #273497 (#460)

* Refs #273497-Layout issue with numbered lists * update value of ordered list padding
eea · Sep 17, 2024 · 3051334 · 3051334
1 parent bbf826c
commit 3051334
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/theme/themes/eea/elements/list.overrides b/theme/themes/eea/elements/list.overrides
@@ -35,6 +35,13 @@ ul.ui.list li:before {
   font-size: @bulletSize;
 }
 
+/* Ordered list */
+
+ol.ui.list,
+.ui.ordered.list {
+  padding-left: @orderedDistance;
+}
+
 // Third layer margin fix
 .ui.ordered.list .list .list > .item:before,
 .ui.ordered.list .list .list > li:before {

diff --git a/theme/themes/eea/elements/list.variables b/theme/themes/eea/elements/list.variables
@@ -111,9 +111,7 @@
 @linkListItemHoverColor: @hoveredTextColor;
 @linkListItemDownColor: @pressedTextColor;
 @linkListItemActiveColor: @selectedTextColor;
-@linkListTransition:
-  @defaultDuration color @defaultEasing
-;
+@linkListTransition: @defaultDuration color @defaultEasing;
 
 /* Inverted Link List */
 @invertedLinkListItemColor: @invertedUnselectedTextColor;
@@ -129,8 +127,7 @@
 @selectionListTransition:
   @defaultDuration color @defaultEasing,
   @defaultDuration padding-left @defaultEasing,
-  @defaultDuration background-color @defaultEasing
-;
+  @defaultDuration background-color @defaultEasing;
 
 /* Selection List States */
 @selectionListBackground: transparent;
@@ -158,8 +155,7 @@
 @animatedListTransition:
   @animatedDuration color @defaultEasing @animatedDelay,
   @animatedDuration padding-left @defaultEasing @animatedDelay,
-  @animatedDuration background-color @defaultEasing @animatedDelay
-;
+  @animatedDuration background-color @defaultEasing @animatedDelay;
 @animatedListIndent: 1em;
 
 /* Bulleted */
@@ -181,12 +177,13 @@
 
 /* Ordered List */
 @orderedCountName: ordered;
-@orderedCountContent: counters(ordered, ".") " ";
+@orderedCountContent: counters(ordered, '.') ' ';
 @orderedCountColor: inherit;
 @orderedCountDistance: 1.25rem;
 @orderedCountOpacity: 1;
 @orderedCountTextAlign: right;
 @orderedCountVerticalAlign: middle;
+@orderedDistance: @bulletDistance;
 
 @orderedChildCountDistance: 1em;
 @orderedChildCountOffset: -2em;
@@ -232,4 +229,3 @@
 @veryRelaxedChildItemVerticalPadding: @relative4px;
 @veryRelaxedHeaderMargin: 0.5rem;
 @veryRelaxedHorizontalPadding: 1.5rem;
-