diff options
| author | Giteabot <teabot@gitea.io> | 2023-03-21 17:04:01 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-21 17:04:01 -0400 |
| commit | 9dfdfe2389596aba81f52686d176920f5fef4b3e (patch) | |
| tree | a576193b6e6d467e2ac79a8783c5e3b2c3e1f8a3 /web_src | |
| parent | 4439a68911495a236db3c445053b201e079daa57 (diff) | |
| download | gitea-9dfdfe2389596aba81f52686d176920f5fef4b3e.tar.gz gitea-9dfdfe2389596aba81f52686d176920f5fef4b3e.zip | |
Remove conflicting CSS rules on notifications, improve notifications table (#23565) (#23621)
Backport #23565 by @silverwind
Dropdowns on `/notifications/subscriptions` before and after:
<img width="157" alt="Screenshot 2023-03-18 at 20 37 12"
src="https://user-images.githubusercontent.com/115237/226133906-e4ad6a0a-de24-4324-8e1d-94081d23fe85.png">
<img width="152" alt="Screenshot 2023-03-18 at 20 41 29"
src="https://user-images.githubusercontent.com/115237/226134038-c3946c32-a424-4b92-ad15-890e1036cafe.png">
These selectors are meant to target the notification list which I
improved:
<img width="1145" alt="Screenshot 2023-03-19 at 01 52 11"
src="https://user-images.githubusercontent.com/115237/226147907-1c35736a-4bc9-4698-9813-21a20a1d2106.png">
<img width="1148" alt="Screenshot 2023-03-19 at 01 54 17"
src="https://user-images.githubusercontent.com/115237/226147920-626dbd84-11d3-48db-a177-6d808e3212c0.png">
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/user.css | 30 |
1 files changed, 9 insertions, 21 deletions
diff --git a/web_src/css/user.css b/web_src/css/user.css index adf865496b..c2e08a2685 100644 --- a/web_src/css/user.css +++ b/web_src/css/user.css @@ -85,27 +85,6 @@ padding: 8px 15px; } -.user.notification .svg { - float: left; - font-size: 2em; -} - -.user.notification .svg.green { - color: var(--color-green); -} - -.user.notification .svg.red { - color: var(--color-red); -} - -.user.notification .svg.purple { - color: var(--color-purple); -} - -.user.notification .svg.blue { - color: var(--color-blue); -} - .user.notification .content { float: left; margin-left: 7px; @@ -170,4 +149,13 @@ #notification_div .tab.segment { overflow-x: auto; + padding: 0; +} + +#notification_div .menu .active.item { + background: var(--color-box-body); +} + +#notification_table { + border: none; } |