Use monospace font family on models' inputs

diff --git a/galette/templates/default/pages/configuration_texts.html.twig b/galette/templates/default/pages/configuration_texts.html.twig
index e5dd79fa81226ef413a3298822b4d78e847ea799..a0a7779f9719ad3a29236bc37bb977895dd27380 100644 (file)
--- a/galette/templates/default/pages/configuration_texts.html.twig
+++ b/galette/templates/default/pages/configuration_texts.html.twig
@@ -32,17 +32,23 @@
         <form action="{{ url_for('texts') }}" method="post" enctype="multipart/form-data" class="ui form">
             <div class="ui top attached accordion-styled header">
                 {{ mtxt.tcomment }}
-                <a id="btnlegend" class="tooltip action" title="{{ _T("Show existing variables") }}"><i class="circular inverted primary small icon info tooltip"></i><span class="displaynone">{{ _T("Show existing variables")|escape("js") }}</span></a>
             </div>
             <div class="ui bottom attached accordion-styled segment">
                 <div class="active content field">
-                    <div class="field inline">
+                    <div class="field">
                         <label for="tsubject">{{ _T("Email Subject") }}</label>
-                        <input type="text" name="text_subject" id="tsubject" value="{{ mtxt.tsubject }}" maxlength="255" size="32"/> <span class="exemple">{{ _T("(Max 255 characters)") }}</span>
+                        <div class="ui corner labeled input">
+                            <input type="text" name="text_subject" id="tsubject" value="{{ mtxt.tsubject }}" maxlength="255" size="32" class="codeeditor"/>
+                            <div class="ui corner label"></div>
+                        </div>
+                        <span class="exemple">{{ _T("(Max 255 characters)") }}</span>
                     </div>
                     <div class="field">
                         <label id="body_label" for="text_body">{{ _T("Email Body:") }}</label>
-                        <textarea name="text_body" id="text_body" cols="64" rows="15">{{ mtxt.tbody }}</textarea>
+                        <div class="ui corner labeled input">
+                            <div class="ui corner label"></div>
+                            <textarea name="text_body" id="text_body" cols="64" rows="15" class="codeeditor">{{ mtxt.tbody }}</textarea>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -69,7 +75,7 @@
                     this.form.submit();
                 });
 
-                _addLegendButton('fieldset > p:nth-child(2)');
+                _addLegendButton('.ui.corner.label');
                 _handleLegend();
             });
         </script>

diff --git a/ui/semantic/galette/collections/form.overrides b/ui/semantic/galette/collections/form.overrides
index b43dd719263639f45e02f50448fca44eba6905ff..b6a7d0f05f6a787e44a401e64b7ff3213d4becc3 100644 (file)
--- a/ui/semantic/galette/collections/form.overrides
+++ b/ui/semantic/galette/collections/form.overrides
@@ -2,6 +2,17 @@
          Galette Overrides
 *******************************/
 
+/*-------------------------------------
+    Style for "codeeditor" textareas
+    and text inputs
+--------------------------------------*/
+
+.ui.form input[type="text"].codeeditor,
+.ui.input textarea.codeeditor,
+.ui.form textarea.codeeditor {
+  font-family: monospace;
+}
+
 /*--------------------
     Gaptcha Input
 ---------------------*/
@@ -30,7 +41,7 @@
 }
 
 /*--------------------
-      Field
+      Fields
 ---------------------*/
 .ui .fields:first-child:last-child {
   margin-bottom: 0;