From 9c34e15c47cf3578adeff41693a62061a25fdcde Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Tue, 11 Jun 2024 14:58:29 -0700
Subject: Update implementation to account for WebKit bug
getScreenCTM() on WebKit does not reflect transformations applied to an ancestor (see bug https://bugs.webkit.org/show_bug.cgi?id=209220), so instead of transforming the root element, we can only transform a child element
---
public/assets/css/style.css | 37 +++++++------------------------------
1 file changed, 7 insertions(+), 30 deletions(-)
(limited to 'public/assets/css')
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index db47790..0596f4e 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1,40 +1,17 @@
body {
text-align: center;
- max-width: 100vw;
+ max-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ margin: 0;
}
-.container {
+object {
padding: 0;
- max-width: 586.033px;
- max-height: 586.033px;
- margin: 0 auto;
- overflow: hidden;
+ margin: 5px;
border: 1px solid steelblue;
background-color: gray;
-}
-
-img, object {
touch-action: none;
-}
-
-img {
- max-width: 100%;
- border: 1px solid silver;
- transform: scale(0.9);
-}
-
-.container object, .container.switch img {
display: block;
-}
-
-.container img, .container.switch object {
- display: none;
-}
-
-button .button-text.raster, button.switch .button-text.svg {
- display: none;
-}
-
-button.switch .button-text.raster {
- display: inline;
+ min-height: 0;
}
--
cgit v1.2.3