From 525b7382d31079333dbffba625af1c0e177546db Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 30 Mar 2023 17:02:47 +0200 Subject: Convert issue list checkboxes to native (#23596) Use native instead of fomantic checkboxes in issue list. Benefits include no more JS pop-in on load and perfect a11y. Before, with JS pop-in: Screenshot 2023-03-20 at 17 02 02 After, Firefox on macOS: Screenshot 2023-03-20 at 17 01 26 After, Chrome on macOS: Screenshot 2023-03-20 at 17 01 42 I opted to not do styling yet but I see that the inconsistency between browsers may already be reason enough on doing it. I think if we style them, there should be one global style, including markdown ones which currently have custom styling. --- web_src/css/helpers.css | 1 + web_src/css/shared/issuelist.css | 4 ---- 2 files changed, 1 insertion(+), 4 deletions(-) (limited to 'web_src/css') diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css index 34d2895a5f..e2d195822f 100644 --- a/web_src/css/helpers.css +++ b/web_src/css/helpers.css @@ -24,6 +24,7 @@ .gt-relative { position: relative !important; } .gt-overflow-x-scroll { overflow-x: scroll !important; } .gt-cursor-default { cursor: default !important; } +.gt-items-start { align-items: flex-start !important; } .gt-mono { font-family: var(--fonts-monospace) !important; diff --git a/web_src/css/shared/issuelist.css b/web_src/css/shared/issuelist.css index ebb1ca989b..26affd98a0 100644 --- a/web_src/css/shared/issuelist.css +++ b/web_src/css/shared/issuelist.css @@ -7,10 +7,6 @@ color: var(--color-primary) !important; } -.issue.list > .item .issue-checkbox { - margin-top: 1px; -} - .issue.list > .item .issue-item-icon svg { margin-right: 0.75rem; margin-top: 1px; -- cgit v1.2.3