Opt-into edge-to-edge by default

Chromium already supports dynamic edge-to-edge viewports. This change
opts-in by default, making the gesture navigation bar (chin) invisible
without needing scroll interaction.

No other changes were necessary, as no content relied on specific
viewport insets.

Command used:

```
sed -i 's/<meta name="viewport" content="width=device-width, initial-scale=1"\/>/<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"\/>/g' **/*.html
```
This commit is contained in:
cookiell546 2025-06-08 10:25:38 +02:00 committed by Daniel Micay
parent 680f4e1802
commit 6865c87b74
25 changed files with 25 additions and 25 deletions

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Page not found"/> <meta property="og:title" content="Page not found"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS attestation compatibility guide"/> <meta property="og:title" content="GrapheneOS attestation compatibility guide"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS servers"/> <meta property="og:title" content="GrapheneOS servers"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Articles | GrapheneOS"/> <meta property="og:title" content="Articles | GrapheneOS"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Positon location service"/> <meta property="og:title" content="Positon location service"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Server traffic shaping"/> <meta property="og:title" content="Server traffic shaping"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Sitewide advertising industry opt-out"/> <meta property="og:title" content="Sitewide advertising industry opt-out"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS build documentation"/> <meta property="og:title" content="GrapheneOS build documentation"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Camera privacy policy"/> <meta property="og:title" content="Camera privacy policy"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS contact information"/> <meta property="og:title" content="GrapheneOS contact information"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS donations"/> <meta property="og:title" content="GrapheneOS donations"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS Frequently Asked Questions"/> <meta property="og:title" content="GrapheneOS Frequently Asked Questions"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS features overview"/> <meta property="og:title" content="GrapheneOS features overview"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS Hiring"/> <meta property="og:title" content="GrapheneOS Hiring"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="CopperheadOS is now GrapheneOS"/> <meta property="og:title" content="CopperheadOS is now GrapheneOS"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS history"/> <meta property="og:title" content="GrapheneOS history"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="Legacy GrapheneOS changelog"/> <meta property="og:title" content="Legacy GrapheneOS changelog"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS: the private and secure mobile OS"/> <meta property="og:title" content="GrapheneOS: the private and secure mobile OS"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS CLI install guide"/> <meta property="og:title" content="GrapheneOS CLI install guide"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS installation"/> <meta property="og:title" content="GrapheneOS installation"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS web installer"/> <meta property="og:title" content="GrapheneOS web installer"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="PDF Viewer privacy policy"/> <meta property="og:title" content="PDF Viewer privacy policy"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS releases"/> <meta property="og:title" content="GrapheneOS releases"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS source code"/> <meta property="og:title" content="GrapheneOS source code"/>

View File

@ -7,7 +7,7 @@
<meta name="theme-color" content="#212121"/> <meta name="theme-color" content="#212121"/>
<meta name="color-scheme" content="dark light"/> <meta name="color-scheme" content="dark light"/>
<meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="twitter:site" content="@GrapheneOS"/> <meta name="twitter:site" content="@GrapheneOS"/>
<meta name="twitter:creator" content="@GrapheneOS"/> <meta name="twitter:creator" content="@GrapheneOS"/>
<meta property="og:title" content="GrapheneOS usage guide"/> <meta property="og:title" content="GrapheneOS usage guide"/>