@flozy/editor 4.3.7 → 4.3.9

package/dist/Editor/Editor.css

@@ -609,10 +609,14 @@ blockquote {
   left: 0;
   right: 0;
   bottom: 0;
-  top: 0;
+  top: auto;
   width: fit-content;
   height: fit-content;
-  margin: auto;
+  margin-left: auto;
+  margin-right: auto;
+  background: #000000b6;
+  padding: 6px 10px 2px 10px;
+  border-radius: 8px 8px 0 0;
 }
 
 .embed-code .element-toolbar {

package/dist/Editor/Elements/Button/EditorButton.js

@@ -22,7 +22,8 @@ const EditorButton = props => {
   } = props;
   const {
     readOnly,
-    metadata
+    metadata,
+    isMobile
   } = customProps;
   const editor = useSlateStatic();
   const path = ReactEditor.findPath(editor, element);
@@ -66,6 +67,9 @@ const EditorButton = props => {
   const BtnIcon = buttonIcon ? buttonIcon : null;
   windowVar.lastButtonProps = element;
   const handleTrigger = async () => {
+    if (!readOnly) {
+      return;
+    }
     if (metadata?.buttonLink?.handler) {
       const response = isTrigger ? linkType : "click";
       metadata.buttonLink.handler(response);
@@ -267,11 +271,11 @@ const EditorButton = props => {
             props: customProps
           })]
         }), !readOnly && /*#__PURE__*/_jsx(IconButton, {
-          className: `moreBtnShow ${openMoreOptions && "activeBtnShow"}`,
+          className: `moreBtnShow ${isMobile || openMoreOptions ? "activeBtnShow" : ""}`,
           sx: {
             position: "absolute",
-            right: '-42px',
-            stroke: '#fff',
+            right: "-42px",
+            stroke: "#fff",
             "& path": {
               fill: openMoreOptions ? theme.palette.text.blueText : ""
             }

package/dist/Editor/Elements/Variables/VariableButton.js

@@ -31,6 +31,14 @@ const VariableButton = props => {
         style: {
           maxHeight: 300,
           overflowY: "auto"
+        },
+        sx: {
+          "&::-webkit-scrollbar-track": {
+            display: "none"
+          },
+          "&::-webkit-scrollbar-thumb": {
+            borderRadius: "16px"
+          }
         }
       }
     },

package/dist/Editor/hooks/useBreakpoints.js

@@ -1,6 +1,6 @@
 import { useMediaQuery } from "@mui/material";
 export const STIMULATOR_MOCK = {
-  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
+  xs: "@media (min-width: 1200px) and (max-width: 7680px)"
 };
 export const isStimulator = () => {
   try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "4.3.7",
+  "version": "4.3.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"