From 2def6ad8548c9abb0befdcc9c4211cc5f330a7c7 Mon Sep 17 00:00:00 2001
From: Leigh Pointer <leigh-pointer@users.noreply.github.com>
Date: Sat, 1 Nov 2025 09:53:25 +0100
Subject: [PATCH] Added Resizable css to text editors

updated the app.css with resizable and applied the class to Radzen and Quilll text editors
---
 .../Controls/TextEditors/QuillJS/QuillJSTextEditor.razor     | 2 +-
 .../Controls/TextEditors/Radzen/RadzenTextEditor.razor       | 2 +-
 Oqtane.Server/wwwroot/css/app.css                            | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/TextEditors/QuillJS/QuillJSTextEditor.razor b/Oqtane.Client/Modules/Controls/TextEditors/QuillJS/QuillJSTextEditor.razor
index 296cf14a..437938c5 100644
--- a/Oqtane.Client/Modules/Controls/TextEditors/QuillJS/QuillJSTextEditor.razor
+++ b/Oqtane.Client/Modules/Controls/TextEditors/QuillJS/QuillJSTextEditor.razor
@@ -64,7 +64,7 @@
                                 </span>
                             }
                         </div>
-                        <div @ref="@_editorElement"></div>
+                        <div @ref="@_editorElement" class="app-editor-resizable"></div>
                     </div>
                 </div>
             </TabPanel>
diff --git a/Oqtane.Client/Modules/Controls/TextEditors/Radzen/RadzenTextEditor.razor b/Oqtane.Client/Modules/Controls/TextEditors/Radzen/RadzenTextEditor.razor
index fc4e4f9f..5cfdb420 100644
--- a/Oqtane.Client/Modules/Controls/TextEditors/Radzen/RadzenTextEditor.razor
+++ b/Oqtane.Client/Modules/Controls/TextEditors/Radzen/RadzenTextEditor.razor
@@ -17,7 +17,7 @@
 <RadzenTheme Theme="@RadzenEditorDefinitions.DefaultTheme" />
 <RadzenComponents />
 <RadzenHtmlEditor @ref="_editor" Visible="_visible" Placeholder="@Placeholder" style="@($"height: {Height}px;")"
-                  @bind-Value="_value" Execute="OnExecute" class="rz-text-editor">
+                  @bind-Value="_value" Execute="OnExecute" class="rz-text-editor app-editor-resizable">
     <ChildContent>
         @_toolbar
         @if (UserSecurity.IsAuthorized(PageState.User, RoleNames.Admin))
diff --git a/Oqtane.Server/wwwroot/css/app.css b/Oqtane.Server/wwwroot/css/app.css
index 13c7d539..013ef348 100644
--- a/Oqtane.Server/wwwroot/css/app.css
+++ b/Oqtane.Server/wwwroot/css/app.css
@@ -273,6 +273,11 @@ app {
     min-height: 250px;
 }
 
+.app-editor-resizable {
+    resize: vertical;
+    overflow: auto;
+}
+
 .app-logo .navbar-brand {
     padding: 5px 20px 5px 20px;
 }