public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added 100vh fix for ios to make sure it always fills the screen height. By default 100vh on ios sometimes will and sometimes won't take into account the address bar height, causing on eg the event types or bookings pages the content to be behind our bottom nav. (#4770)

pull/4769/head
Jeroen Reumkens 2022-09-30 11:12:22 +02:00 committed by GitHub
parent d1a787315c
commit c78ea5de0b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/styles/globals.css
View File

@ -99,7 +99,7 @@ html.todesktop nav a[aria-current="page"]{
html.todesktop nav a svg{
color: #0272F7 !important
}
}
*/
@ -153,11 +153,11 @@ button[role="switch"][data-state="checked"] {
}
/* TODO: avoid global specific css */
/* button[role="switch"][data-state="checked"] span {
transform: translateX(16px);
transform: translateX(16px);
} */
/* DateRangePicker */
/*
/*
TODO:: Remove on V2 launch
*/
.react-daterange-picker > .react-daterange-picker__wrapper {
@ -482,3 +482,17 @@ hr {
opacity: 1;
}
}
/**
* Makes sure h-screen works on mobile Safari. By default h-screen
* does not take into account the height of the address bar, causing
* weird behaviour when scrolling — sometimes the height will be correct
* and sometimes it won't, depending on whether the address bar is
* in 'collapsed' state or not.
* @see: https://benborgers.com/posts/tailwind-h-screen
*/
@supports (-webkit-touch-callout: none) {
.h-screen {
height: -webkit-fill-available;
}
}