From ddff6172a928bce332887577f9ebff3e0fa3c904 Mon Sep 17 00:00:00 2001 From: Pkpedram Date: Wed, 6 Apr 2022 16:04:50 +0430 Subject: [PATCH] Some Changes on editor --- src/view/addProduct/Main/editor.css | 33 +++++++++++++++++++++++------ src/view/chatPage/index.js | 2 +- 2 files changed, 28 insertions(+), 7 deletions(-) diff --git a/src/view/addProduct/Main/editor.css b/src/view/addProduct/Main/editor.css index 5d6bd72..4aee454 100644 --- a/src/view/addProduct/Main/editor.css +++ b/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; diff --git a/src/view/chatPage/index.js b/src/view/chatPage/index.js index 908022c..7db7190 100644 --- a/src/view/chatPage/index.js +++ b/src/view/chatPage/index.js @@ -167,7 +167,7 @@ const ChatPage = ({ messages.map((message) => (
{message.userId == contact.id && } -
+

{message.value}

{