TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 16:40:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix sticky diff header background (#27697)

Browse Source 
Fixes: https://github.com/go-gitea/gitea/issues/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">
This commit is contained in:
silverwind
2023-10-20 16:56:19 +02:00
committed by GitHub
parent 881806a50b
commit 4539a7b0b4
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web_src/css/repo.css
View File

@@ -1497,7 +1497,8 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 8; z-index: 8;
padding: 7px 0; padding: 7px 5px;
margin: 0 -5px; /* negative margin so it covers active file shadow */
height: 44px; /* this height should match sticky-2nd-row */ height: 44px; /* this height should match sticky-2nd-row */
background: var(--color-body); background: var(--color-body);
} }