testomatio-editor-blocks 0.4.58 → 0.4.60

package/package/styles.css

@@ -260,6 +260,26 @@ html.dark .bn-step-image-preview__content {
   background: #262626;
 }
 
+html.dark [data-file-block] .bn-add-file-button {
+  background-color: #262626;
+  color: #a3a3a3;
+}
+
+html.dark .bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover,
+html.dark [data-file-block] .bn-file-name-with-icon:hover,
+html.dark .ProseMirror-selectednode .bn-file-name-with-icon {
+  background-color: #333333;
+}
+
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview code.step-preview-code {
+  color: rgba(251, 191, 36, 1) !important;
+}
+
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview a.step-preview-link,
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview a.step-preview-link::selection {
+  color: rgba(129, 140, 248, 1) !important;
+}
+
 .testomatio-editor {
   font-family: "Inter", system-ui, -apple-system, sans-serif;
 }
@@ -951,11 +971,6 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
-.bn-container .bn-suggestion-menu {
-  max-height: none !important;
-  overflow: visible !important;
-}
-
 [data-tooltip] {
   position: relative;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.58",
+  "version": "0.4.60",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/App.tsx

@@ -362,38 +362,20 @@ function CustomSlashMenu() {
       floatingOptions={{
         middleware: [
           offset(10),
-          size({
-            apply({ elements }) {
-              Object.assign(elements.floating.style, { maxHeight: "", overflowY: "" });
-            },
-          }),
           flip({
             padding: 10,
             fallbackPlacements: ["top-start"],
           }),
           shift({ padding: 10 }),
-          {
-            name: "fitToViewport",
-            fn({ y, rects, elements }) {
-              const padding = 10;
-              if (y < padding) {
-                const bottomEdge = rects.reference.y - 10;
-                const maxHeight = Math.max(bottomEdge - padding, 100);
-                Object.assign(elements.floating.style, {
-                  maxHeight: `${maxHeight}px`,
-                  overflowY: "auto",
-                });
-                return { y: padding };
-              }
-              const viewportHeight = window.innerHeight;
-              const available = viewportHeight - y - padding;
+          size({
+            padding: 10,
+            apply({ availableHeight, elements }) {
               Object.assign(elements.floating.style, {
-                maxHeight: `${Math.max(available, 100)}px`,
+                maxHeight: `${Math.max(availableHeight - 10, 120)}px`,
                 overflowY: "auto",
               });
-              return {};
             },
-          },
+          }),
         ],
       }}
     />

package/src/editor/styles.css

@@ -260,6 +260,26 @@ html.dark .bn-step-image-preview__content {
   background: #262626;
 }
 
+html.dark [data-file-block] .bn-add-file-button {
+  background-color: #262626;
+  color: #a3a3a3;
+}
+
+html.dark .bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover,
+html.dark [data-file-block] .bn-file-name-with-icon:hover,
+html.dark .ProseMirror-selectednode .bn-file-name-with-icon {
+  background-color: #333333;
+}
+
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview code.step-preview-code {
+  color: rgba(251, 191, 36, 1) !important;
+}
+
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview a.step-preview-link,
+html.dark .bn-step-editor .overtype-wrapper .overtype-preview a.step-preview-link::selection {
+  color: rgba(129, 140, 248, 1) !important;
+}
+
 .testomatio-editor {
   font-family: "Inter", system-ui, -apple-system, sans-serif;
 }
@@ -951,11 +971,6 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
-.bn-container .bn-suggestion-menu {
-  max-height: none !important;
-  overflow: visible !important;
-}
-
 [data-tooltip] {
   position: relative;
 }