diff options
| author | silverwind <me@silverwind.io> | 2023-03-30 17:02:47 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-30 11:02:47 -0400 |
| commit | 525b7382d31079333dbffba625af1c0e177546db (patch) | |
| tree | 1958a54d500b9e0a997f7d10d518568c0e3da036 /web_src/css | |
| parent | 964a057a76793c32c81394505e2f480a4bf40d0d (diff) | |
| download | gitea-525b7382d31079333dbffba625af1c0e177546db.tar.gz gitea-525b7382d31079333dbffba625af1c0e177546db.zip | |
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:
<img width="92" alt="Screenshot 2023-03-20 at 17 02 02"
src="https://user-images.githubusercontent.com/115237/226398955-99029a1c-1150-449c-821b-e4165e7446a8.png">
After, Firefox on macOS:
<img width="126" alt="Screenshot 2023-03-20 at 17 01 26"
src="https://user-images.githubusercontent.com/115237/226399018-58df2c32-c2b2-4c78-b7df-7b76523abe21.png">
After, Chrome on macOS:
<img width="79" alt="Screenshot 2023-03-20 at 17 01 42"
src="https://user-images.githubusercontent.com/115237/226399074-947e6279-8dc3-42c2-90b5-b106c471b23d.png">
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.
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/helpers.css | 1 | ||||
| -rw-r--r-- | web_src/css/shared/issuelist.css | 4 |
2 files changed, 1 insertions, 4 deletions
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; |