add min-width for filter & actions

Author: wuyue92tree

adminlteui/templates/admin/actions.html

@@ -24,5 +24,8 @@
             {% endblock %}
         </div>
     </div>
-    <script>document.querySelector('.actions select').setAttribute('class', 'form-control')</script>
+    <script>
+        document.querySelector('.actions select').setAttribute('class', 'form-control');
+        document.querySelector('.actions select').style.minWidth='200px';
+    </script>
 </div>

adminlteui/templates/admin/filter.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <div class="form-group" style="margin-bottom: 5px;">
-    <select id="id_filter_{{ field_name }}" class="form-control search-filter" style="width: 100%;" tabindex="-1" aria-hidden="true">
+    <select id="id_filter_{{ field_name }}" class="form-control search-filter" style="width: 100%; min-width: 200px;" tabindex="-1" aria-hidden="true">
         <option value="">{{ title }}</option>
         <option value="">---------</option>
         {% for choice in choices %}
@@ -15,8 +15,10 @@
     {% if spec.display_select2 %}
     <script>
         django.jQuery('#id_filter_{{ field_name }}').select2({
-            width: django.jQuery('#id_filter_{{ field_name }}').width() + 26
+            dropdownAutoWidth : true,
+            width: '100%'
         })
+        django.jQuery('#id_filter_{{ field_name }}').parent().find('span.select2-container').css({'min-width': '200px'})
         django.jQuery('#id_filter_{{ field_name }}').on('select2:select', function (e) {
             if (e.params.data.id !=='') {
                 django.jQuery('#id_filter_{{ field_name }}').attr('name', e.params.data.element.dataset.name)