[#809] fix: SQL input field width to improve UX for larger queries

Resolves #809
catalyst · Jul 18, 2023 · a6a362d · a6a362d
1 parent f18748b
commit a6a362d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/classes/local/step/flow_sql.php b/classes/local/step/flow_sql.php
@@ -57,7 +57,7 @@ public function form_add_custom_inputs(\MoodleQuickForm &$mform) {
          LIMIT 10";
         $sqlexamples = \html_writer::tag('pre', trim($sqlexample, " \t\r\0\x0B"));
         $mform->addElement('textarea', 'config_sql', get_string('flow_sql:sql', 'tool_dataflows'),
-            ['cols' => 50, 'rows' => 7, 'style' => 'font: 87.5% monospace;']);
+            ['rows' => 20, 'style' => 'font: 87.5% monospace; width: 100%; max-width: 100%']);
         $mform->addElement('static', 'config_sql_help', '', get_string('flow_sql:sql_help', 'tool_dataflows', $sqlexamples));
     }
 

diff --git a/classes/local/step/reader_sql.php b/classes/local/step/reader_sql.php
@@ -208,7 +208,7 @@ public function form_add_custom_inputs(\MoodleQuickForm &$mform) {
         $sqlexamples = \html_writer::tag('pre', trim($sqlexamples, " \t\r\0\x0B"));
 
         $mform->addElement('textarea', 'config_sql', get_string('reader_sql:sql', 'tool_dataflows'),
-            ['cols' => 50, 'rows' => 7, 'style' => 'font: 87.5% monospace;']);
+            ['rows' => 20, 'style' => 'font: 87.5% monospace; width: 100%; max-width: 100%']);
         $mform->addElement('static', 'config_sql_help', '', get_string('reader_sql:sql_help', 'tool_dataflows', $sqlexamples));
 
         // Counter field.