aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2023-10-20 16:56:19 +0200
committerGitHub <noreply@github.com>2023-10-20 14:56:19 +0000
commit4539a7b0b4fc6539d67ab386eaac4b9aea82bf53 (patch)
tree2c46112a6fc0764f85ae290116a5b71d995f66f0
parent881806a50ba4e3bb761245b2b590046eb1423b95 (diff)
downloadgitea-4539a7b0b4fc6539d67ab386eaac4b9aea82bf53.tar.gz
gitea-4539a7b0b4fc6539d67ab386eaac4b9aea82bf53.zip
Fix sticky diff header background (#27697)
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">
-rw-r--r--web_src/css/repo.css3
1 files changed, 2 insertions, 1 deletions
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 2ef35ecfdc..ae7f6bb379 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -1497,7 +1497,8 @@
position: sticky;
top: 0;
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 */
background: var(--color-body);
}