diff options
| author | silverwind <me@silverwind.io> | 2024-04-24 15:11:52 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-24 13:11:52 +0000 |
| commit | 3f19a6334575e1d2849999e8339f1b515cefaf1a (patch) | |
| tree | 595ceab1ad606ab3a6404a1134fe10cd3018e6bf /web_src/css | |
| parent | 8b3632435ef72c351af34a154b13511b34323471 (diff) | |
| download | gitea-3f19a6334575e1d2849999e8339f1b515cefaf1a.tar.gz gitea-3f19a6334575e1d2849999e8339f1b515cefaf1a.zip | |
Fix border-radius of header+segment boxes (#30667)
This is a very old bug with the bottom border-radiuses not being there
and the `:has` selector now makes it possible to cleanly solve it. It
affects all header+segment boxes, which there are many throughout the
UI:
<img width="1017" alt="Screenshot 2024-04-23 at 20 47 21"
src="https://github.com/go-gitea/gitea/assets/115237/870fe352-cc38-4bd6-bfe6-9fe8c3066f92">
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/modules/segment.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/web_src/css/modules/segment.css b/web_src/css/modules/segment.css index bbd39c385f..994ac1779a 100644 --- a/web_src/css/modules/segment.css +++ b/web_src/css/modules/segment.css @@ -151,6 +151,11 @@ border-top: none; } +.ui.attached.segment:has(+ .ui[class*="top attached"].header), +.ui.attached.segment:last-child { + border-radius: 0 0 0.28571429rem 0.28571429rem; +} + .ui[class*="top attached"].segment { bottom: 0; margin-bottom: 0; |