mirror of https://github.com/gorhill/uBlock.git
Use `100svh` everywhere `100vh` is used
Related issue: https://github.com/uBlockOrigin/uBlock-issues/issues/3058
This commit is contained in:
parent
7dffaa03d5
commit
4f6fa840c3
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,6 +23,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
@ -3,6 +3,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
@ -2,6 +2,7 @@ html, body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -75,6 +76,7 @@ iframe {
|
||||||
}
|
}
|
||||||
#unsavedWarning > div:last-of-type {
|
#unsavedWarning > div:last-of-type {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
@ -105,10 +107,6 @@ body.noDashboard #dashboard-nav {
|
||||||
border-bottom-color: var(--dashboard-tab-hover-border);
|
border-bottom-color: var(--dashboard-tab-hover-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* touch-screen devices */
|
|
||||||
:root.mobile, :root.mobile body {
|
|
||||||
height: 100svh;
|
|
||||||
}
|
|
||||||
:root.mobile #dashboard-nav {
|
:root.mobile #dashboard-nav {
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,6 +3,7 @@ html#ublock0-inspector,
|
||||||
background: transparent;
|
background: transparent;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,6 +3,7 @@ html#ublock0-epicker,
|
||||||
background: transparent;
|
background: transparent;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
|
|
@ -2,6 +2,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
@ -512,6 +513,7 @@ body[dir="rtl"] .closeButton {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: none;
|
display: none;
|
||||||
max-height: min(800px, calc(100vh - 2rem));
|
max-height: min(800px, calc(100vh - 2rem));
|
||||||
|
max-height: min(800px, calc(100svh - 2rem));
|
||||||
min-width: 360px;
|
min-width: 360px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
@ -300,6 +300,7 @@ body.needSave #revertRules {
|
||||||
}
|
}
|
||||||
:root.desktop body.vMin #firewall {
|
:root.desktop body.vMin #firewall {
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
|
max-height: 100svh;
|
||||||
}
|
}
|
||||||
#firewall > * {
|
#firewall > * {
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
height: 100svh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1255,6 +1255,7 @@ const pickerCSSStyle = [
|
||||||
'display: block',
|
'display: block',
|
||||||
'filter: none',
|
'filter: none',
|
||||||
'height: 100vh',
|
'height: 100vh',
|
||||||
|
' height: 100svh',
|
||||||
'left: 0',
|
'left: 0',
|
||||||
'margin: 0',
|
'margin: 0',
|
||||||
'max-height: none',
|
'max-height: none',
|
||||||
|
|
Loading…
Reference in New Issue