From fa22506d0018e40d14bbe01d80e3c5bed8f0d571 Mon Sep 17 00:00:00 2001 From: Teodor Date: Tue, 17 Sep 2024 11:37:51 +0300 Subject: [PATCH 1/2] Refs #273497-Layout issue with numbered lists --- theme/themes/eea/elements/list.overrides | 7 +++++++ theme/themes/eea/elements/list.variables | 14 +++++--------- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/theme/themes/eea/elements/list.overrides b/theme/themes/eea/elements/list.overrides index a00b9d2a72..e570d259c4 100644 --- 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 index 9b19f9369d..b6c26b5d4b 100644 --- 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: @rem-space-5; @orderedChildCountDistance: 1em; @orderedChildCountOffset: -2em; @@ -232,4 +229,3 @@ @veryRelaxedChildItemVerticalPadding: @relative4px; @veryRelaxedHeaderMargin: 0.5rem; @veryRelaxedHorizontalPadding: 1.5rem; - From 6e135bcf24b6b75b8e8566a78a6ca5dca655d8c2 Mon Sep 17 00:00:00 2001 From: Teodor Date: Tue, 17 Sep 2024 12:11:40 +0300 Subject: [PATCH 2/2] update value of ordered list padding --- theme/themes/eea/elements/list.variables | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme/themes/eea/elements/list.variables b/theme/themes/eea/elements/list.variables index b6c26b5d4b..d6ee125b5e 100644 --- a/theme/themes/eea/elements/list.variables +++ b/theme/themes/eea/elements/list.variables @@ -183,7 +183,7 @@ @orderedCountOpacity: 1; @orderedCountTextAlign: right; @orderedCountVerticalAlign: middle; -@orderedDistance: @rem-space-5; +@orderedDistance: @bulletDistance; @orderedChildCountDistance: 1em; @orderedChildCountOffset: -2em;