nune/gitea
nune/gitea
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix border-radius of header+segment boxes (#30667)

Browse source 
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="870fe352-cc38-4bd6-bfe6-9fe8c3066f92">
This commit is contained in:
silverwind 2024-04-24 15:11:52 +02:00 • committed by GitHub
parent 8b3632435e
commit 3f19a63345
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web_src/css/modules/segment.css
View file

@ -151,6 +151,11 @@
border-top: none; 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 { .ui[class*="top attached"].segment {
bottom: 0; bottom: 0;
margin-bottom: 0; margin-bottom: 0;