feat: adds BCFTopics tutorial

Author: HoyosJuan

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>