fix(lists): bullet position by using padding instead of margin

- for moving the ul as the margin value can be overriden by the centering of elements from page-document direct children
eea · Nov 24, 2022 · 0ecae2e · 0ecae2e
1 parent 393e8ed
commit 0ecae2e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/theme/themes/eea/elements/list.overrides b/theme/themes/eea/elements/list.overrides
@@ -19,6 +19,12 @@ dl dd {
 }
 
 /* Unordered list */
+
+// use padding instead
+ul.ui.list, .ui.bulleted.list {
+  padding-left: @bulletDistance;
+  margin-left: 0;
+}
 .ui.bulleted.list .list > .item:before,
 .ui.bulleted.list .list > a.item:before,
 .ui.bulleted.list > .item:before,

diff --git a/theme/themes/eea/elements/list.variables b/theme/themes/eea/elements/list.variables
@@ -165,7 +165,7 @@
 /* Bulleted */
 
 @bulletSize: 1.1rem;
-@bulletDistance: 1.25rem;
+@bulletDistance: @rem-space-5;
 @bulletOffset: -@bulletDistance;
 
 @bulletOpacity: 1;