Add catch-all size limit on ft-card that fixes commment overflow issue

kommunarr · Jun 20, 2024 · 5a86911 · 5a86911
1 parent 74bf210
commit 5a86911
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/renderer/components/ft-card/ft-card.css b/src/renderer/components/ft-card/ft-card.css
@@ -4,5 +4,21 @@
   padding-block: 3px 16px;
   padding-inline: 16px;
   box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
-  max-inline-size: 2800px;
+  max-inline-size: min(calc(100vw + -132px), 2800px);
 }
+
+@media only screen and (width > 680px) {
+  .isSideNavOpen .ft-card {
+    max-inline-size: min(calc(100vw + -262px), 2800px);
+  }
+
+  .hideLabelsSideBar .ft-card {
+    max-inline-size: min(calc(100vw + -122px), 2800px);
+  }
+}
+
+ @media only screen and (width <= 680px) {
+  .ft-card {
+    max-inline-size: calc(100vw - 64px);
+  }
+ }