@sequent-org/moodboard 1.0.10 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/moodboard/MoodBoard.js

@@ -196,9 +196,9 @@ export class MoodBoard {
     }
 
     initZoombar() {
-        // Рисуем панель зума поверх холста (в том же контейнере, что и topbar)
+        // Рисуем панель зума в правом нижнем углу (внутри workspace контейнера)
         this.zoombar = new ZoomPanel(
-            this.topbarContainer,
+            this.workspaceElement,
             this.coreMoodboard.eventBus
         );
     }

package/src/ui/styles/workspace.css

@@ -50,11 +50,11 @@
     pointer-events: none;
 }
 
-/* Right top zoom panel container (reuses topbar container area) */
+/* Bottom-right zoom panel container (positioned left of map panel) */
 .moodboard-zoombar {
     position: absolute;
-    top: 16px;
-    right: 16px;
+    bottom: 16px;
+    right: 80px; /* Слева от кнопки карты (36px + 8px gap + 36px button = 80px) */
     display: inline-flex;
     align-items: center;
     gap: 8px;
@@ -103,7 +103,7 @@
 .moodboard-zoombar__menu {
     position: absolute;
     right: 0;
-    top: 49px;
+    bottom: 49px; /* Открывается вверх от панели зума */
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;