From 44ae67d4260288f4524d60053debb2a363aceb1b Mon Sep 17 00:00:00 2001 From: Aman Agrawal Date: Wed, 17 May 2023 05:40:15 +0000 Subject: [PATCH] css: Fix gap between header and sticky header at some zoom level. --- web/styles/zulip.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/web/styles/zulip.css b/web/styles/zulip.css index d5a4678820..1d77fbe842 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -339,6 +339,9 @@ p.n-margin { height: var(--header-height); /* Since the headers are sticky, we need non-transparent background. */ background-color: var(--color-background); + /* Add 1px box-shadow below header so that if there is a gap between sticky header + and header at some zoom level, it is covered by this */ + box-shadow: 0 1px 0 0 var(--color-background); } #navbar-middle .column-middle-inner,