fix: handle stickyness when scrolling is locked

2024-11-13 14:43:06 +01:00
parent ca3819f7cc
commit 7a3194f978
9 changed files with 141 additions and 100 deletions
--- a/components/DatePicker/Screen/mobile.module.css
+++ b/components/DatePicker/Screen/mobile.module.css
@@ -1,5 +1,5 @@
 .container {
-  --header-height: 68px;
+  --header-height: 72px;
  --sticky-button-height: 120px;

  display: grid;
@@ -11,12 +11,10 @@
 }

 .header {
-  align-self: flex-start;
+  align-self: flex-end;
  background-color: var(--Main-Grey-White);
-  display: grid;
  grid-area: header;
-  grid-template-columns: 1fr 24px;
-  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x2);
+  padding: var(--Spacing-x3) var(--Spacing-x2);
  position: sticky;
  top: 0;
  z-index: 10;