ISSUE #381 - fixed react quill width (#382)

* removed white-space: nowrap !important; * Update DescriptionEditor.tsx
code100x · Sep 21, 2024 · e501b07 · e501b07
1 parent 8d91426
commit e501b07
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -341,7 +341,6 @@
 
 /* Ensure long content does not wrap within the editor */
 .job-description-editor .ql-editor {
-  white-space: nowrap !important;
   overflow-x: hidden !important; /* Allow horizontal scrolling */
   overflow-y: hidden !important; /* Hide vertical overflow */
 }
@@ -375,4 +374,4 @@
 
 html {
   scroll-behavior: smooth;
-}
+}
diff --git a/src/components/DescriptionEditor.tsx b/src/components/DescriptionEditor.tsx
@@ -53,6 +53,7 @@ const DescriptionEditor: React.FC<DescriptionEditorProps> = ({
       modules={modules}
       formats={formats}
       value={description}
+      style={{  width: "100%" }}
       onChange={handleChange}
       placeholder={placeholder}
       className="text-white bg-gray-800 overflow-hidden job-description-editor"