From d82fe6667864581eb8567cd0b29867b22d9540a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gerard=20Rom=C3=A1n?= Date: Tue, 26 May 2026 14:51:38 +0200 Subject: [PATCH 1/3] fix style for checkbox, also adding an example to review it --- docs/syntax/task-lists.md | 2 +- .../Assets/markdown/list.css | 10 ++++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/docs/syntax/task-lists.md b/docs/syntax/task-lists.md index d16b97f5da..8b64c8490a 100644 --- a/docs/syntax/task-lists.md +++ b/docs/syntax/task-lists.md @@ -13,7 +13,7 @@ Task lists let you render checkboxes in documentation. Use `- [ ]` for unchecked - [x] Set up the project - [x] Install dependencies - [ ] Write tests - - [x] Unit tests + - [x] Unit tests with [An Internal Link](#basic-task-list) - [ ] Integration tests - [ ] Deploy diff --git a/src/Elastic.Documentation.Site/Assets/markdown/list.css b/src/Elastic.Documentation.Site/Assets/markdown/list.css index 116cabd1c3..009ba7d581 100644 --- a/src/Elastic.Documentation.Site/Assets/markdown/list.css +++ b/src/Elastic.Documentation.Site/Assets/markdown/list.css @@ -56,17 +56,19 @@ margin-left: 0.25em; li.task-list-item { - display: flex; - align-items: baseline; - gap: 0.5em; + position: relative; + padding-left: 1.5em; } input[type='checkbox'] { + position: absolute; + left: 0; + top: 0.15em; margin: 0; - flex-shrink: 0; width: 1em; height: 1em; cursor: default; } } + } From 037ed7c35d115b0141b51d30745be968cd87b064 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gerard=20Rom=C3=A1n?= Date: Tue, 26 May 2026 14:56:36 +0200 Subject: [PATCH 2/3] format css --- .../Assets/markdown/list.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/Elastic.Documentation.Site/Assets/markdown/list.css b/src/Elastic.Documentation.Site/Assets/markdown/list.css index 009ba7d581..eb98cbb140 100644 --- a/src/Elastic.Documentation.Site/Assets/markdown/list.css +++ b/src/Elastic.Documentation.Site/Assets/markdown/list.css @@ -4,6 +4,7 @@ line-height: 1.5em; letter-spacing: 0; margin-left: 1.5em; + li::marker { @apply text-grey-80; } @@ -16,18 +17,23 @@ ul { list-style-type: disc; } + ul > li > ul { list-style-type: square; } + ul > li > ul > li > ul { list-style-type: circle; } + ul > li > ul > li > ul > li > ul { list-style-type: disc; } + ul > li > ul > li > ul > li > ul > li > ul { list-style-type: square; } + ul > li > ul > li > ul > li > ul > li > ul > li > ul { list-style-type: circle; } @@ -35,18 +41,23 @@ ol { list-style-type: decimal; } + ol > li > ol { list-style-type: lower-alpha; } + ol > li > ol > li > ol { list-style-type: lower-roman; } + ol > li > ol > li > ol > li > ol { list-style-type: decimal; } + ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-alpha; } + ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: lower-roman; } From 9c79ba8d88043e4953f81fd716f2a09754a10b7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gerard=20Rom=C3=A1n?= Date: Tue, 26 May 2026 14:59:29 +0200 Subject: [PATCH 3/3] format css --- src/Elastic.Documentation.Site/Assets/markdown/list.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/Elastic.Documentation.Site/Assets/markdown/list.css b/src/Elastic.Documentation.Site/Assets/markdown/list.css index eb98cbb140..7a588836be 100644 --- a/src/Elastic.Documentation.Site/Assets/markdown/list.css +++ b/src/Elastic.Documentation.Site/Assets/markdown/list.css @@ -81,5 +81,4 @@ cursor: default; } } - }