diff options
| author | cookiell546 <186191371+cookiell546@users.noreply.github.com> | 2025-06-08 10:25:38 +0200 |
|---|---|---|
| committer | Daniel Micay <daniel.micay@grapheneos.org> | 2025-06-08 09:18:32 -0400 |
| commit | 6865c87b74363c57389cdb73352d542f1842c42c (patch) | |
| tree | 5cbec2a0606957aa05ed38bd4be96b2490feea63 /static/articles | |
| parent | 680f4e1802009dabf0dee224e7625df93638653e (diff) | |
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
```
Diffstat (limited to 'static/articles')
| -rw-r--r-- | static/articles/attestation-compatibility-guide.html | 2 | ||||
| -rw-r--r-- | static/articles/grapheneos-servers.html | 2 | ||||
| -rw-r--r-- | static/articles/index.html | 2 | ||||
| -rw-r--r-- | static/articles/positon-location-service.html | 2 | ||||
| -rw-r--r-- | static/articles/server-traffic-shaping.html | 2 | ||||
| -rw-r--r-- | static/articles/sitewide-advertising-industry-opt-out.html | 2 |
6 files changed, 6 insertions, 6 deletions
diff --git a/static/articles/attestation-compatibility-guide.html b/static/articles/attestation-compatibility-guide.html index 0e8e01ed..92176d04 100644 --- a/static/articles/attestation-compatibility-guide.html +++ b/static/articles/attestation-compatibility-guide.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="GrapheneOS attestation compatibility guide"/> diff --git a/static/articles/grapheneos-servers.html b/static/articles/grapheneos-servers.html index ef079511..0c7d40c7 100644 --- a/static/articles/grapheneos-servers.html +++ b/static/articles/grapheneos-servers.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="GrapheneOS servers"/> diff --git a/static/articles/index.html b/static/articles/index.html index 4864d355..4c2b86ab 100644 --- a/static/articles/index.html +++ b/static/articles/index.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="Articles | GrapheneOS"/> diff --git a/static/articles/positon-location-service.html b/static/articles/positon-location-service.html index 9c4963d7..d773bb52 100644 --- a/static/articles/positon-location-service.html +++ b/static/articles/positon-location-service.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="Positon location service"/> diff --git a/static/articles/server-traffic-shaping.html b/static/articles/server-traffic-shaping.html index 9d75f89d..26c0c04b 100644 --- a/static/articles/server-traffic-shaping.html +++ b/static/articles/server-traffic-shaping.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="Server traffic shaping"/> diff --git a/static/articles/sitewide-advertising-industry-opt-out.html b/static/articles/sitewide-advertising-industry-opt-out.html index 872818f9..ad8eef06 100644 --- a/static/articles/sitewide-advertising-industry-opt-out.html +++ b/static/articles/sitewide-advertising-industry-opt-out.html @@ -7,7 +7,7 @@ <meta name="theme-color" content="#212121"/> <meta name="color-scheme" content="dark light"/> <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:creator" content="@GrapheneOS"/> <meta property="og:title" content="Sitewide advertising industry opt-out"/> |