A few accessibility improvements to layout.

wordplaydev · Sep 22, 2024 · f01967f · f01967f
1 parent a2f45ca
commit f01967f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 23 deletions.
diff --git a/src/app.html b/src/app.html
@@ -357,17 +357,6 @@
                 background: var(--wordplay-alternating-color);
             }
 
-            .firebase-emulator-warning {
-                top: 0 !important;
-                right: 1% !important;
-                bottom: auto !important;
-                left: 99% !important;
-                font-family: var(--wordplay-app-font) !important;
-                font-size: 4pt;
-                color: var(--wordplay-error) !important;
-                background: var(--wordplay-error) !important;
-            }
-
             noscript {
                 display: flex;
                 align-items: center;

diff --git a/src/components/app/Page.svelte b/src/components/app/Page.svelte
@@ -79,12 +79,8 @@
 
 <style>
     .page {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        width: 100vw;
+        height: 100vh;
         display: flex;
         flex-direction: column;
     }

diff --git a/src/db/firebase.ts b/src/db/firebase.ts
@@ -60,7 +60,9 @@ if (typeof process === 'undefined') {
         // Initialize emulator if environment is local.
         if (emulating) {
             connectFirestoreEmulator(firestore, 'localhost', 8080);
-            connectAuthEmulator(auth, 'http://localhost:9099');
+            connectAuthEmulator(auth, 'http://localhost:9099', {
+                disableWarnings: true,
+            });
             connectFunctionsEmulator(functions, 'localhost', 5001);
         }
     } catch (err) {

diff --git a/src/routes/project/+layout.svelte b/src/routes/project/+layout.svelte
@@ -4,10 +4,7 @@
     .project {
         display: flex;
         flex-direction: row;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        width: 100vw;
+        height: 100vh;
     }
 </style>