Hide the centered clock on small screens to prevent overlap

Hide the absolutely positioned HeaderClock on mobile viewports to prevent it from overlapping with the header title and action buttons, restoring it on larger screens.
2026-05-18 11:20:21 +00:00
parent badd8b176c
commit eea65b99af
1 changed files with 8 additions and 1 deletions
@@ -1072,7 +1072,14 @@ function ExecutiveMeetingsPageInner() {

          <div className="flex-1" />

-          <div className="flex pointer-events-none absolute inset-x-0 top-0 bottom-0 items-center justify-center print:hidden">
+          {/* The absolutely-centered weekday+date+analog clock collides
+              with the title and action buttons on phones/small tablets
+              (it spans the full row width and sits on top of wrapped
+              content). Hide it below `sm` — the date is already shown
+              in the schedule heading directly below the header — and
+              keep the centered overlay from `sm` upward where there's
+              real horizontal room. */}
+          <div className="hidden sm:flex pointer-events-none absolute inset-x-0 top-0 bottom-0 items-center justify-center print:hidden">
            <div className="pointer-events-auto">
              <HeaderClock lang={lang} date={date} />
            </div>