Hide scrollbars for web views

This commit is contained in:
Max Goodhart
2020-06-20 22:40:59 -07:00
parent 6b0433303c
commit 0c0f7d8c8d

View File

@@ -122,31 +122,40 @@ const viewStateMachine = Machine(
if (content.kind === 'video') { if (content.kind === 'video') {
wc.insertCSS( wc.insertCSS(
` `
* { * {
display: none !important; display: none !important;
pointer-events: none; pointer-events: none;
} }
html, body, video { html, body, video {
display: block !important; display: block !important;
background: black !important; background: black !important;
} }
html, body { html, body {
overflow: hidden !important; overflow: hidden !important;
background: black !important; background: black !important;
} }
video { video {
display: block !important; display: block !important;
position: fixed !important; position: fixed !important;
left: 0 !important; left: 0 !important;
right: 0 !important; right: 0 !important;
top: 0 !important; top: 0 !important;
bottom: 0 !important; bottom: 0 !important;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
object-fit: cover !important; object-fit: cover !important;
z-index: 999999 !important; z-index: 999999 !important;
} }
`, `,
{ cssOrigin: 'user' },
)
} else if (content.kind === 'web') {
wc.insertCSS(
`
html, body {
overflow: hidden !important;
}
`,
{ cssOrigin: 'user' }, { cssOrigin: 'user' },
) )
} }