fix(SW-96): add css variable for use of mobile header height

This commit is contained in:
Chuma McPhoy
2024-08-23 07:24:35 +02:00
parent 7d47994539
commit 7e7a5d2646
5 changed files with 9 additions and 8 deletions

View File

@@ -1,10 +1,10 @@
.sidePeek {
position: fixed;
top: 70.047px;
top: var(--mobile-site-header-height);
right: auto;
bottom: 0;
width: 100%;
height: calc(100vh - 70.047px);
height: calc(100vh - var(--mobile-site-header-height));
background-color: var(--Base-Background-Primary-Normal);
z-index: 100;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
@@ -24,7 +24,7 @@
.overlay {
position: absolute;
top: 70.047px;
top: var(--mobile-site-header-height);
bottom: 0;
left: 0;
right: 0;
@@ -46,7 +46,7 @@
}
to {
top: 70.047px;
top: var(--mobile-site-header-height);
}
}