Use `100svh` everywhere `100vh` is used

Related issue:
https://github.com/uBlockOrigin/uBlock-issues/issues/3058
This commit is contained in:
Raymond Hill 2024-03-06 08:45:49 -05:00
parent 7dffaa03d5
commit 4f6fa840c3
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
13 changed files with 15 additions and 4 deletions

View File

@ -1,5 +1,6 @@
html {
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}

View File

@ -1,5 +1,6 @@
html {
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}

View File

@ -23,6 +23,7 @@ body {
display: flex;
flex-direction: column;
height: 100vh;
height: 100svh;
margin: 0;
overflow: hidden;
padding: 0;

View File

@ -3,6 +3,7 @@ body {
display: flex;
flex-direction: column;
height: 100vh;
height: 100svh;
margin: 0;
overflow: hidden;
padding: 0;

View File

@ -2,6 +2,7 @@ html, body {
display: flex;
flex-direction: column;
height: 100vh;
height: 100svh;
justify-content: stretch;
overflow: hidden;
position: relative;
@ -75,6 +76,7 @@ iframe {
}
#unsavedWarning > div:last-of-type {
height: 100vh;
height: 100svh;
position: absolute;
width: 100vw;
}
@ -105,10 +107,6 @@ body.noDashboard #dashboard-nav {
border-bottom-color: var(--dashboard-tab-hover-border);
}
/* touch-screen devices */
:root.mobile, :root.mobile body {
height: 100svh;
}
:root.mobile #dashboard-nav {
flex-wrap: nowrap;
overflow-x: auto;

View File

@ -1,5 +1,6 @@
html {
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}

View File

@ -3,6 +3,7 @@ html#ublock0-inspector,
background: transparent;
box-sizing: border-box;
height: 100vh;
height: 100svh;
margin: 0;
overflow: hidden;
width: 100vw;

View File

@ -1,5 +1,6 @@
html {
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}

View File

@ -3,6 +3,7 @@ html#ublock0-epicker,
background: transparent;
cursor: not-allowed;
height: 100vh;
height: 100svh;
margin: 0;
overflow: hidden;
width: 100vw;

View File

@ -2,6 +2,7 @@ body {
display: flex;
flex-direction: column;
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}
@ -512,6 +513,7 @@ body[dir="rtl"] .closeButton {
bottom: 0;
display: none;
max-height: min(800px, calc(100vh - 2rem));
max-height: min(800px, calc(100svh - 2rem));
min-width: 360px;
overflow: hidden;
position: fixed;

View File

@ -300,6 +300,7 @@ body.needSave #revertRules {
}
:root.desktop body.vMin #firewall {
max-height: 100vh;
max-height: 100svh;
}
#firewall > * {
direction: ltr;

View File

@ -1,5 +1,6 @@
html {
height: 100vh;
height: 100svh;
overflow: hidden;
width: 100vw;
}

View File

@ -1255,6 +1255,7 @@ const pickerCSSStyle = [
'display: block',
'filter: none',
'height: 100vh',
' height: 100svh',
'left: 0',
'margin: 0',
'max-height: none',