Skip to content

Commit 3f19a63

Browse files
authored
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">
1 parent 8b36324 commit 3f19a63

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

web_src/css/modules/segment.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,11 @@
151151
border-top: none;
152152
}
153153

154+
.ui.attached.segment:has(+ .ui[class*="top attached"].header),
155+
.ui.attached.segment:last-child {
156+
border-radius: 0 0 0.28571429rem 0.28571429rem;
157+
}
158+
154159
.ui[class*="top attached"].segment {
155160
bottom: 0;
156161
margin-bottom: 0;

0 commit comments

Comments
 (0)