From c5bad326f1bda3c42041b67e2f8c5aeb91b31f69 Mon Sep 17 00:00:00 2001
From: Wolfang Torres <wolfangtorres@qq.com>
Date: Sat, 20 Jun 2026 11:09:53 +0800
Subject: [PATCH] update text area for scrooll wheels

---
 src/anki_creator_flask/templates/create.html  | 13 ++++++++++++-
 src/anki_creator_flask/templates/process.html | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/anki_creator_flask/templates/create.html b/src/anki_creator_flask/templates/create.html
index c55a86b..52b9aa0 100644
--- a/src/anki_creator_flask/templates/create.html
+++ b/src/anki_creator_flask/templates/create.html
@@ -70,6 +70,12 @@
         opacity: 0;
         visibility: hidden;
       }
+
+      .no-wrap-scroll {
+        white-space: nowrap; /* Prevents text from breaking into new lines */
+        overflow-x: auto; /* Adds a horizontal scrollbar when content overflows */
+        width: 100%; /* Or set a specific max-width/fixed width */
+      }
     </style>
   </head>
 
@@ -95,7 +101,12 @@
           <form id="text_form" method="POST">
             <div class="fields">
               <div class="field">
-                <textarea name="text" id="text" rows="15"></textarea>
+                <textarea
+                  class="no-wrap-scroll"
+                  name="text"
+                  id="text"
+                  rows="15"
+                ></textarea>
               </div>
             </div>
             <ul class="actions">
diff --git a/src/anki_creator_flask/templates/process.html b/src/anki_creator_flask/templates/process.html
index de58f5e..db9e766 100644
--- a/src/anki_creator_flask/templates/process.html
+++ b/src/anki_creator_flask/templates/process.html
@@ -70,6 +70,12 @@
         opacity: 0;
         visibility: hidden;
       }
+
+      .no-wrap-scroll {
+        white-space: nowrap; /* Prevents text from breaking into new lines */
+        overflow-x: auto; /* Adds a horizontal scrollbar when content overflows */
+        width: 100%; /* Or set a specific max-width/fixed width */
+      }
     </style>
   </head>
 
@@ -95,7 +101,12 @@
           <form id="text_form" method="POST">
             <div class="fields">
               <div id="table" class="field">
-                <textarea name="text" id="text" rows="15"></textarea>
+                <textarea
+                  class="no-wrap-scroll"
+                  name="text"
+                  id="text"
+                  rows="15"
+                ></textarea>
               </div>
             </div>
             <ul class="actions">