Merge pull request #11 from openclassify/mostafa

filters form responsive issues were fixed

Author: Fatih Alp

resources/config/settings/settings.php

@@ -105,7 +105,7 @@
     'menu_link_color' => [
         'type' => 'anomaly.field_type.colorpicker',
         'config' => [
-            'default_value' => '#ccc'
+            'default_value' => '#ffffff'
         ]
     ],
     'links_color' => [

resources/css/theme.css

@@ -89,10 +89,10 @@ color: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }} !impor
     margin-left: 7px;
 }
 #menu > ul > li > a:hover {
-    color: #eeeeee;
+    color: #fff;
 }
 #menu > ul > li.active > a, #menu > ul > li.highlighted > a {
-    color: #eeeeee;
+    color: #fff;
 }
 #menu > ul > li.section-label span {
     font-size: 10px;
@@ -116,10 +116,10 @@ color: {{ setting_value('visiosoft.theme.defaultadmin::primary_color') }} !impor
     color: rgba(255, 255, 255, 0.3);
 }
 #menu > ul > li ul li a:hover {
-    color: #eeeeee;
+    color: #fff;
 }
 #menu > ul > li ul li.active > a {
-    color: #eeeeee;
+    color: #fff;
 }
 
 @media (max-width: 991px) {
@@ -593,7 +593,7 @@ select + .select2 {
 }
 
 .form-control {
-    color: #999;
+    color: {{ setting_value('visiosoft.theme.defaultadmin::input_placeholder_color')}} !important;
 }
 
 .px-2p {
@@ -3188,7 +3188,7 @@ background-color: {{ setting_value('visiosoft.theme.defaultadmin::background_col
 #menu > ul > li > a,#sidebar > ul > li > a > span, #sidebar > ul > li > a > i {
 color: {{ setting_value('visiosoft.theme.defaultadmin::menu_link_color') }} !important;
 transition: 0.5s;
-opacity: 0.6;
+opacity: 0.7;
 }
 #menu > ul > li > a:hover {
     opacity: 1;

resources/views/table/partials/filters.twig

@@ -8,25 +8,27 @@
             {{ icon(table.options.filters.filter_icon ?: 'filter') }}
             {{ trans(table.options.filters.filter_text ?: 'streams::button.filter') }}
         </div>
-        <div class="collapse" id="t10">
-            <div class="row px-1 relative">
-                {% for filter in table.filters %}
-                    <div class="col-sm-12 col-md-6 col-lg-3 px-2p" id="form-input-{{ loop.index }}">
-                        <div class="form-group filter_inputs" data-id="{{ loop.index }}">
-                            {{ filter.input|raw }}
+        <div id="t10">
+            <div class="container-fluid">
+                <div class="row">
+                    {% for filter in table.filters %}
+                        <div class="col-sm-12 col-md-6 col-lg-4 px-2p" id="form-input-{{ loop.index }}">
+                            <div class="form-group filter_inputs" data-id="{{ loop.index }}">
+                                {{ filter.input|raw }}
+                            </div>
                         </div>
+                    {% endfor %}
+                    <div class="col-sm-12 col-md-6 col-lg-4 px-2p position-relative">
+                        <button type="submit" class="btn btn-success float-left">
+                            {{ icon(table.options.filters.filter_icon ?: 'filter') }}
+                            {{ trans(table.options.filters.filter_text ?: 'streams::button.filter') }}
+                        </button>
+                        <a href="{{ url_current() }}{{ request_has('view') ? '?view=' ~ request_get('view') }}"
+                           class="btn btn-inverse float-left">
+                            {{ icon(table.options.filters.clear_icon ? table.options.filters.clear_icon) }}
+                            {{ trans(table.options.filters.clear_text ?: 'streams::button.clear') }}
+                        </a>
                     </div>
-                {% endfor %}
-                <div class="col-sm-12 col-md-6 col-lg-3 px-2p">
-                    <button type="submit" class="btn btn-success">
-                        {{ icon(table.options.filters.filter_icon ?: 'filter') }}
-                        {{ trans(table.options.filters.filter_text ?: 'streams::button.filter') }}
-                    </button>
-                    <a href="{{ url_current() }}{{ request_has('view') ? '?view=' ~ request_get('view') }}"
-                       class="btn btn-inverse">
-                        {{ icon(table.options.filters.clear_icon ? table.options.filters.clear_icon) }}
-                        {{ trans(table.options.filters.clear_text ?: 'streams::button.clear') }}
-                    </a>
                 </div>
             </div>
         </div>
@@ -62,6 +64,7 @@
 
     .px-2p {
         padding: 0 2px 0 2px;
+        margin-bottom: 2px;
     }
 
     .dont-collapse-sm {