Fix(Styles): Improved design of Google Translate features and removal / hiding of iframes that cannot be properly styled.

2025-03-05 03:44:57 +00:00
parent 973df8f70b
commit 090c99be3d
1 changed files with 10 additions and 4 deletions
--- a/index.html
+++ b/index.html
@@ -89,9 +89,14 @@
            color: var(--accent-color);
        }

-        /* Google Translate styles */
-        .skiptranslate {
-            /* display: none; */
+        /* Google Translate styles
+            - Hide poorly styled iframes
+        */
+        iframe.skiptranslate {    
+            display: none !important;
+        }
+        body {    
+            top: 0px !important;
        }

        /* Main content styles */
@@ -468,7 +473,8 @@
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'en',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
+                // layout: google.translate.TranslateElement.InlineLayout.SIMPLE
+                layout: google.translate.TranslateElement.InlineLayout.VERTICAL
            }, 'google_translate_element');
        }
    </script>