Fix compatibility with old WebKit

diff --git a/public/trivabble.css b/public/trivabble.css
index 20dbcc6017fce4deca38b93cf9604a2af04f54ee..1a796741d47894e9ff940d95b555c1eec75f4416 100644 (file)
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -217,7 +217,7 @@ body {
 }
 
 #menu, #panel {
-    color: #FFF;
+    color: #000;
     color: var(--menu-color);
     display:-webkit-flex;
     display:flex;
@@ -679,6 +679,7 @@ td.blink {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s 0s;
+    -webkit-transform: scale(1.1);
     transform: scale(1.1);
     transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
     z-index: 1;
@@ -697,6 +698,7 @@ td.blink {
     position: absolute;
     top: 50%;
     left: 50%;
+    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     padding: 1rem 1.5rem;
     width: 24rem;
@@ -744,6 +746,7 @@ td.blink {
     opacity: 1;
     visibility: visible;
     -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s;
+    -webkit-transform: scale(1.0);
     transform: scale(1.0);
     transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
 }
@@ -958,7 +961,9 @@ textarea {
 }
 
 .alert-outer {
+    background-color: white;
     background-color: var(--modal-bg);
+    color: black;
     color:var(--modal-color);
     border-radius:4px;
     display:-webkit-flex;

diff --git a/public/trivabble.js b/public/trivabble.js
index 25e71f7afb360a706bd9e1c0668d44123c0c386f..545892d96e9fcb3d01675512abb41a1debbb3c5b 100644 (file)
--- a/public/trivabble.js
+++ b/public/trivabble.js
@@ -2860,7 +2860,7 @@
         const len = rules.length;
         for (var i = len - 1; i >= 0; i--) {
             const rule = rules[i].media;
-            if (rule.mediaText.includes("prefers-color-scheme")) {
+            if (rule && rule.mediaText && rule.mediaText.includes && rule.mediaText.includes("prefers-color-scheme")) {
                 switch (mode) {
                     case "light":
                         rule.appendMedium("original-prefers-color-scheme");