Some Changes on editor

src/view/addProduct/Main/editor.css

@@ -75,12 +75,14 @@
   height: 100%;
   align-items: center;
   padding: 0 5px;
+  direction: ltr;
 }
 .rdw-dropdown-optionwrapper {
   z-index: 100;
-  position: relative;
+  position: absolute;
   border: 1px solid #F1F1F1;
-  width: 98%;
+  /* width: 98%; */
+  
   background: white;
   border-radius: 2px;
   margin: 0;
@@ -139,24 +141,33 @@
   display: flex;
   align-items: center;
   margin-bottom: 6px;
-  flex-wrap: wrap
+  flex-wrap: wrap;
+  
 }
 .rdw-fontsize-dropdown {
   min-width: 40px;
+  /* width: 100px; */
+  direction: ltr;
+
 }
 .rdw-fontsize-option {
   display: flex;
   justify-content: center;
+  width:100px
+
 }
 
 .rdw-fontfamily-wrapper {
   display: flex;
   align-items: center;
   margin-bottom: 6px;
-  flex-wrap: wrap
+  flex-wrap: wrap;
+  direction: rtl;
 }
 .rdw-fontfamily-dropdown {
   width: 115px;
+  direction: ltr;
+
 }
 .rdw-fontfamily-placeholder {
   white-space: nowrap;
@@ -166,6 +177,9 @@
 }
 .rdw-fontfamily-optionwrapper {
   width: 140px;
+  direction: rtl;
+
+
 }
 
 .rdw-list-wrapper {
@@ -315,6 +329,7 @@
   position: absolute;
   top: 35px;
   left: 5px;
+  right:40px;
   display: flex;
   flex-direction: column;
   width: 235px;
@@ -391,6 +406,7 @@
   position: absolute;
   top: 35px;
   left: 5px;
+  right:40px;
   display: flex;
   flex-direction: column;
   width: 235px;
@@ -489,7 +505,8 @@
   display: flex;
   align-items: center;
   margin-bottom: 6px;
-  position: relative;
+  position: absolute;
+  /* right:35%; */
   flex-wrap: wrap
 }
 .rdw-emoji-modal {
@@ -497,13 +514,15 @@
   position: absolute;
   top: 35px;
   left: 5px;
+  right:40px;
+  border-radius: 10px;
   display: flex;
   flex-wrap: wrap;
   width: 235px;
   height: 180px;
   border: 1px solid #F1F1F1;
   padding: 15px;
-  border-radius: 2px;
+  /* border-radius: 2px; */
   z-index: 100;
   background: white;
   box-shadow: 3px 3px 5px #BFBDBD;
@@ -517,6 +536,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  color:#bdc1c9
 }
 
 .rdw-spinner {
@@ -569,6 +589,7 @@
   position: absolute;
   top: 35px;
   left: 5px;
+  right:40px;
   display: flex;
   flex-direction: column;
   width: 235px;

src/view/chatPage/index.js

@@ -167,7 +167,7 @@ const ChatPage = ({
                 messages.map((message) => (
                     <div className={`w-full p-5 flex ${message.userId == user.id && 'rtl'}`}>
                         {message.userId == contact.id && <img src={message.userId == contact.id ? contact.avatar : user.avatar} className={`w-12 h-12 rounded-full ${message.userId == user.id ? 'ml-2' : 'mr-2'}`}/>}
-                        <div className={`${message.userId == user.id ? 'bg-blue-200 text-gray-500 text-sm rounded-tr-none' : 'bg-blue-400 text-gray-100 text-sm rounded-tl-none'} p-3 rounded-xl text-right flex flex-col `}>
+                        <div className={`${message.userId == user.id ? 'bg-blue-200 text-gray-500 text-sm rounded-tr-none' : 'bg-blue-400 text-gray-100 text-sm rounded-tl-none'} p-3 rounded-xl text-right flex flex-col `} style={{maxWidth: '50%'}}>
                             <p>{message.value}</p>
                             <div className={` mt-2 w-full flex items-center ${message.userId == user.id ?'justify-end' : 'justify-start'} text-xs`}>
                             {