From 017ae4c78db2d0916ee4043c95a663cc03e8ef4d Mon Sep 17 00:00:00 2001
From: Marina Glancy <marina@moodle.com>
Date: Sat, 16 Aug 2014 13:26:34 +0800
Subject: [PATCH] MDL-46703 mod_data: limit the width of select element when
 editing templates

Thanks to Hittesh for the provided solution
---
 mod/data/styles.css    | 1 +
 mod/data/templates.php | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/mod/data/styles.css b/mod/data/styles.css
index fc6a8ae2283..955b3cdc7af 100644
--- a/mod/data/styles.css
+++ b/mod/data/styles.css
@@ -63,6 +63,7 @@
 #page-mod-data-templates .template_heading {
      text-align:center;
 }
+#page-mod-data-templates #availabletags_wrapper {max-width:250px;}
 
 .dir-rtl .mod-data-default-template .template-field {text-align:left;}
 .dir-rtl .mod-data-default-template .template-token {text-align:right;}
diff --git a/mod/data/templates.php b/mod/data/templates.php
index 236c23be17e..33fbf5ba9bb 100644
--- a/mod/data/templates.php
+++ b/mod/data/templates.php
@@ -234,7 +234,7 @@ if ($mode != 'csstemplate' and $mode != 'jstemplate') {
     echo $OUTPUT->help_icon('availabletags', 'data');
     echo '<br />';
 
-
+    echo '<div class="no-overflow" id="availabletags_wrapper">';
     echo '<select name="fields1[]" id="availabletags" size="12" onclick="insert_field_tags(this)">';
 
     $fields = $DB->get_records('data_fields', array('dataid'=>$data->id));
@@ -291,6 +291,7 @@ if ($mode != 'csstemplate' and $mode != 'jstemplate') {
     }
 
     echo '</select>';
+    echo '</div>';
     echo '<br /><br /><br /><br /><input type="submit" name="defaultform" value="'.get_string('resettemplate','data').'" />';
     echo '<br /><br />';
     if ($usehtmleditor) {