From 57d4f12f7fd3282c2baf2d328760f4ebba78be32 Mon Sep 17 00:00:00 2001 From: GregTheMadMonk Date: Mon, 26 Sep 2022 23:23:57 +0300 Subject: [PATCH] Replace list padding-left with list-style-position Fixes the issue with list bullet points overlapping `float:left` images --- data/home/assets/css/main.css | 4 ++-- data/home/assets/sass/components/_list.scss | 6 +++--- data/magprog/assets/css/main.css | 4 ++-- data/magprog/assets/sass/components/_list.scss | 6 +++--- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/data/home/assets/css/main.css b/data/home/assets/css/main.css index 46de10b..445aecc 100644 --- a/data/home/assets/css/main.css +++ b/data/home/assets/css/main.css @@ -1305,14 +1305,14 @@ a.icon.alt:active:before { ol { list-style: decimal; margin: 0 0 2em 0; - padding-left: 1.25em; } + list-style-position: inside; } ol li { padding-left: 0.25em; } ul { list-style: disc; margin: 0 0 2em 0; - padding-left: 1em; } + list-style-position: inside; } ul li { padding-left: 0.5em; } ul.alt { diff --git a/data/home/assets/sass/components/_list.scss b/data/home/assets/sass/components/_list.scss index e69cbf3..c1eb29f 100644 --- a/data/home/assets/sass/components/_list.scss +++ b/data/home/assets/sass/components/_list.scss @@ -9,7 +9,7 @@ ol { list-style: decimal; margin: 0 0 _size(element-margin) 0; - padding-left: 1.25em; + list-style-position: inside; li { padding-left: 0.25em; @@ -19,7 +19,7 @@ ul { list-style: disc; margin: 0 0 _size(element-margin) 0; - padding-left: 1em; + list-style-position: inside; li { padding-left: 0.5em; @@ -53,4 +53,4 @@ dd { margin-left: _size(element-margin); } - } \ No newline at end of file + } diff --git a/data/magprog/assets/css/main.css b/data/magprog/assets/css/main.css index f77945c..ae4a0e8 100644 --- a/data/magprog/assets/css/main.css +++ b/data/magprog/assets/css/main.css @@ -1605,14 +1605,14 @@ input[type="radio"] + label:before { ol { list-style: decimal; margin: 0 0 2em 0; - padding-left: 1.25em; } + list-style-position: inside; } ol li { padding-left: 0.25em; } ul { list-style: disc; margin: 0 0 2em 0; - padding-left: 1em; } + list-style-position: inside; } ul li { padding-left: 0.5em; } ul.alt { diff --git a/data/magprog/assets/sass/components/_list.scss b/data/magprog/assets/sass/components/_list.scss index 3b8ed2e..1173fa0 100644 --- a/data/magprog/assets/sass/components/_list.scss +++ b/data/magprog/assets/sass/components/_list.scss @@ -9,7 +9,7 @@ ol { list-style: decimal; margin: 0 0 _size(element-margin) 0; - padding-left: 1.25em; + list-style-position: inside; li { padding-left: 0.25em; @@ -19,7 +19,7 @@ ul { list-style: disc; margin: 0 0 _size(element-margin) 0; - padding-left: 1em; + list-style-position: inside; li { padding-left: 0.5em; @@ -53,4 +53,4 @@ dd { margin-left: _size(element-margin); } - } \ No newline at end of file + }