Merge pull request #19 from raralabs/disign-fix

feat(sync): Design fix for horizontal scroll fix on extra small devices
raralabs · Mar 21, 2023 · 47846cd · 47846cd
2 parents faa5ec6 + 9c32531
commit 47846cd
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 4 deletions.
diff --git a/src/components/Toolbar/styles.css b/src/components/Toolbar/styles.css
@@ -47,7 +47,7 @@
     rgb(9 30 66 / 31%) 0px 0px 1px;
   gap: 8px;
   width: 200px;
-  left: -100px;
+  left: -160px;
   top: 20;
   border-radius: 8px;
   padding: 8px 4px;
@@ -63,7 +63,8 @@
     rgb(9 30 66 / 31%) 0px 0px 1px;
   gap: 8px;
   width: 200px;
-  left: -120px;
+  left: -180px;
+
   top: 20;
   padding: 8px 4px;
   border-radius: 4px;
@@ -79,7 +80,7 @@
     rgb(9 30 66 / 31%) 0px 0px 1px;
   gap: 8px;
   width: 200px;
-  left: -100px;
+  left: -150px;
   top: 20;
   padding: 8px 4px;
   border-radius: 4px;
@@ -92,3 +93,29 @@
   flex-direction: row;
   justify-content: space-between;
 }
+@media (max-Width: 375px) {
+  .list-picker-content{
+
+    left:-10px
+  }
+
+
+}
+@media (max-width:335px) {
+  .align-picker-content {
+    left: 0px;
+  }
+}
+@media (max-width:285px) {
+  .align-picker-content {
+    left: -30px;
+  }
+  .list-picker-content {
+
+    left:-60px
+  }
+  .heading-picker-content {
+    left:0px
+
+  }
+}
diff --git a/src/lib/functions.tsx b/src/lib/functions.tsx
@@ -52,7 +52,7 @@ setTimeout(() => {
       offset: 0
     })
   });
-},100)
+},20)
 };
 export const insertMentionContact = (
   editor: RaraEditorType,
@@ -67,6 +67,8 @@ export const insertMentionContact = (
     metaData: item.metaData,
     children: [{ text: '' }],
   };
+setTimeout(() => {
+
   Transforms.insertNodes(editor, mention);
   Transforms.move(editor);
   const last = target.anchor.path[target.anchor.path.length - 1] + 2; //TODO: 2 because insert didn't update yet, i.e. it happens too fast
@@ -84,6 +86,8 @@ export const insertMentionContact = (
       offset: 0
     })
   });
+},20)
+
 };
 
 export const isMarkActive = (