Skip to content

Commit 345d70f

Browse files
GiteaBotsilverwind
andauthored
Fix sticky diff header background (#27697) (#27712)
Backport #27697 by @silverwind Fixes: #27604 Add negative margins so the header covers any shadow of active elements. No rendering change of the content of the header because the padding counteracts the effect. <img width="128" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/3d0f55b6-9351-4985-a290-da9a92d15b4e"> Co-authored-by: silverwind <[email protected]>
1 parent 6dce671 commit 345d70f

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

web_src/css/repo.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1497,7 +1497,8 @@
14971497
position: sticky;
14981498
top: 0;
14991499
z-index: 8;
1500-
padding: 7px 0;
1500+
padding: 7px 5px;
1501+
margin: 0 -5px; /* negative margin so it covers active file shadow */
15011502
height: 44px; /* this height should match sticky-2nd-row */
15021503
background: var(--color-body);
15031504
}

0 commit comments

Comments
 (0)