From 5ce3479677f5e43a8b1f333caedb6d3a4a4401f9 Mon Sep 17 00:00:00 2001 From: rafh Date: Fri, 1 Sep 2023 15:01:18 -0400 Subject: [PATCH 1/6] posistion checkboxes relative --- web_src/css/markup/content.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 59b34b7dd7cee..d9d4054cb65ca 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -158,12 +158,13 @@ position: relative; line-height: 1.5rem; min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the
  • can be visible */ + display: flex; + align-items: center; } .markup .task-list-item input[type="checkbox"] { - position: absolute; - top: 0.25em; - left: -1.6em; + flex: 0 0 auto; + margin-right: .6em; } .markup .task-list-item p { From 57c05bff827f34a8eff2a1ba6d1f43920993e142 Mon Sep 17 00:00:00 2001 From: rafh Date: Fri, 1 Sep 2023 15:10:18 -0400 Subject: [PATCH 2/6] remove padding from ol and ul --- web_src/css/markup/content.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index d9d4054cb65ca..00e16695c31f5 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -144,7 +144,7 @@ .markup ul, .markup ol { - padding-left: 2em; + padding-left: 0; } .markup ul.no-list, From 3695136c19416593b585d2bfcc50b8af4e173e4d Mon Sep 17 00:00:00 2001 From: rafh Date: Tue, 12 Sep 2023 13:47:56 -0400 Subject: [PATCH 3/6] offset placement of list-item --- web_src/css/markup/content.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 00e16695c31f5..c8d76212f5554 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -144,7 +144,7 @@ .markup ul, .markup ol { - padding-left: 0; + padding-left: 2em; } .markup ul.no-list, @@ -160,6 +160,7 @@ min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the
  • can be visible */ display: flex; align-items: center; + margin-left: -2em; } .markup .task-list-item input[type="checkbox"] { From 9ef0a9ca5e7037b8e4ab0dafc07eac43c9e6ba3b Mon Sep 17 00:00:00 2001 From: rafh Date: Thu, 14 Sep 2023 11:40:34 -0400 Subject: [PATCH 4/6] remove margin for p tags in list-items --- web_src/css/markup/content.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index c8d76212f5554..da1831b5b88a8 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -168,6 +168,10 @@ margin-right: .6em; } +.markup .task-list-item input[type="checkbox"] + p { + margin: 0; +} + .markup .task-list-item p { line-height: 1.5rem; } From caf7a5ee398d7a20088dc0fa2eb897678f7ac281 Mon Sep 17 00:00:00 2001 From: rafh Date: Fri, 22 Sep 2023 11:33:22 -0400 Subject: [PATCH 5/6] prevent vertical centering of checkboxes --- web_src/css/markup/content.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index da1831b5b88a8..c577325b2d452 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -159,12 +159,12 @@ line-height: 1.5rem; min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the
  • can be visible */ display: flex; - align-items: center; margin-left: -2em; } .markup .task-list-item input[type="checkbox"] { flex: 0 0 auto; + margin-top: 0.3em; margin-right: .6em; } From 4512aeb454728d3c1f1e43555cab3ea6432bf589 Mon Sep 17 00:00:00 2001 From: rafh Date: Fri, 29 Sep 2023 18:16:22 -0400 Subject: [PATCH 6/6] update styling to better align with github --- web_src/css/markup/content.css | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index c577325b2d452..caefa1605ccac 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -155,29 +155,29 @@ .markup .task-list-item { list-style-type: none; - position: relative; - line-height: 1.5rem; - min-height: 1.5rem; /* // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the
  • can be visible */ - display: flex; - margin-left: -2em; +} + +.markup .task-list-item p + ul { + margin-top: 16px; } .markup .task-list-item input[type="checkbox"] { - flex: 0 0 auto; - margin-top: 0.3em; - margin-right: .6em; + margin: 0 .3em .25em -1.4em; + vertical-align: middle; + padding: 0; } .markup .task-list-item input[type="checkbox"] + p { - margin: 0; + margin-left: -0.2em; + display: inline; } -.markup .task-list-item p { - line-height: 1.5rem; +.markup .task-list-item > p { + margin-inline: 16px; } .markup .task-list-item + .task-list-item { - margin-top: 3px; + margin-top: 4px; } .markup input[type="checkbox"] { @@ -333,7 +333,7 @@ .markup img[align="left"], .markup video[align="left"] { - padding-right: 20px; + padding-right: 28px; } .markup .emoji {