From 4feedeefeb5ea9bd882b480527236862c120e921 Mon Sep 17 00:00:00 2001 From: Gusted Date: Fri, 15 Jul 2022 03:48:29 +0200 Subject: [PATCH 1/2] Avoid new stack context for task list items - Avoid creating a new stack context on a task list item, this PR does that by removing the `position: relative` which causes a new stack context to be created on that element. And thereby solving that popups weren't able to utilize their z-index and weren't able to show properly. --- web_src/less/markup/content.less | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/web_src/less/markup/content.less b/web_src/less/markup/content.less index c941c2c8a8bac..543242d2c06d2 100644 --- a/web_src/less/markup/content.less +++ b/web_src/less/markup/content.less @@ -158,14 +158,13 @@ .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 input[type="checkbox"] { position: absolute; - top: .25em; - left: -1.6em; + left: 1.4em; + top: 3.8em; } p { From f15f897af923af9e02f73867d4ce9ee0642e6462 Mon Sep 17 00:00:00 2001 From: Gusted Date: Fri, 15 Jul 2022 06:36:43 +0200 Subject: [PATCH 2/2] Make checkbox use relative positon --- web_src/less/markup/content.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web_src/less/markup/content.less b/web_src/less/markup/content.less index 543242d2c06d2..b05292f32f8e4 100644 --- a/web_src/less/markup/content.less +++ b/web_src/less/markup/content.less @@ -159,12 +159,12 @@ .task-list-item { list-style-type: none; line-height: 1.5rem; + margin-left: -1.6em; min-height: 1.5rem; // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the
  • can be visible input[type="checkbox"] { - position: absolute; - left: 1.4em; - top: 3.8em; + top: -.1em; + margin-right: calc(1.6em - 14px); } p {