feat: adds BCFTopics tutorial

ThatOpen · Nov 15, 2024 · 474c725 · 474c725
1 parent e8321c9
commit 474c725
Show file tree

Hide file tree

Showing 4 changed files with 241 additions and 221 deletions.
diff --git a/packages/core/src/openbim/BCFTopics/example.html b/packages/core/src/openbim/BCFTopics/example.html
@@ -22,21 +22,39 @@
       border-radius: 0;
     }
 
-    dialog:not([data-context-dialog]) {
-      background-color: transparent;
-      border: none;
-      margin: auto;
-      outline: none;
-      overflow: visible;
+    bim-grid[floating]>bim-panel {
+      border-radius: 1rem;
     }
 
-    dialog:not([data-context-dialog])::backdrop {
-      background-color: rgba(0, 0, 0, 0.5);
-      backdrop-filter: blur(3px);
+    .options-menu {
+      position: fixed;
+      min-width: unset;
+      top: 5px;
+      right: 5px;
+      max-height: calc(100vh - 10px);
     }
 
-    bim-grid[floating]>bim-panel {
-      border-radius: 1rem;
+    .phone-menu-toggler {
+      visibility: hidden;
+    }
+
+    @media (max-width: 480px) {
+      .options-menu {
+        visibility: hidden;
+        bottom: 5px;
+        left: 5px;
+      }
+
+      .options-menu-visible {
+        visibility: visible;
+      }
+
+      .phone-menu-toggler {
+        visibility: visible;
+        position: fixed;
+        top: 5px;
+        right: 5px;
+      }
     }
   </style>
 </head>