Merge pull request #359 from liam-hq/fixing-the-toolbar-display-bug

⚒️　Fixing the toolbar display bug
liam-hq · Dec 24, 2024 · c5125b5 · c5125b5
2 parents c1e9522 + 1c20fd1
commit c5125b5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/frontend/.changeset/orange-books-join.md b/frontend/.changeset/orange-books-join.md
@@ -0,0 +1,6 @@
+---
+"@liam-hq/ui": patch
+"@liam-hq/cli": patch
+---
+
+⚒️ Fixing the toolbar display bug
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css
@@ -45,3 +45,15 @@
 .toolbarWrapper > * {
   pointer-events: auto;
 }
+@media screen and (max-width: 768px) {
+  .toolbarWrapper {
+    transition: opacity 0.3s, visibility 0.3s;
+    opacity: 1;
+    visibility: visible;
+    min-width: 354px;
+  }
+  :global([data-state='expanded']) + .main .toolbarWrapper {
+    opacity: 0;
+    visibility: hidden;
+  }
+}