#9 fix bug with ng select width

cerberustesting · Jul 25, 2019 · fe1ef06 · fe1ef06
1 parent 79b0679
commit fe1ef06
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/app/shared/datatable-page/datatable/datatable.component.html b/src/app/shared/datatable-page/datatable/datatable.component.html
@@ -31,7 +31,7 @@
                     </div>
                     <div class="right-side">
                         <!--Column Selector-->
-                        <ng-select class="column-selector custom" bindLabel="name"
+                        <ng-select class="column-selector custom auto-width" bindLabel="name"
                             placeholder="Columns : {{ columnActive }}" [items]="columns" [closeOnSelect]="false"
                             (change)="resetColumnDrop" [searchable]="false" [clearable]="false">
 
@@ -53,7 +53,7 @@
                         </ng-select>
 
                         <!--Page size selector-->
-                        <ng-select class="column-selector custom page-size" bindLabel="name"
+                        <ng-select class="column-selector custom page-size auto-width" bindLabel="name"
                             placeholder="Show : {{ page.size }}" [(ngModel)]="page.size" [items]="[10, 25, 50, 100]"
                             [closeOnSelect]="true" [clearable]="false" (change)="applyChange()">
 

diff --git a/src/app/shared/datatable-page/filters/filters.component.html b/src/app/shared/datatable-page/filters/filters.component.html
@@ -18,7 +18,7 @@
 
 
             <!--Filter Selector-->
-            <ng-select class="column-selector custom" bindLabel="name" placeholder="Add Filters"
+            <ng-select class="column-selector custom auto-width" bindLabel="name" placeholder="Add Filters"
                 [items]="searchableColumns" [closeOnSelect]="false" [searchable]="true" [clearable]="false">
 
                 <!--Content in the top container-->

diff --git a/src/app/shared/datatable-page/utils/filter/filter.component.html b/src/app/shared/datatable-page/utils/filter/filter.component.html
@@ -1,4 +1,4 @@
-<ng-select class="custom"
+<ng-select class="custom auto-width"
            [items]="dataList"
            [selectableGroup]="true"
            [multiple]="column.param.multiple"

diff --git a/src/styles.css b/src/styles.css
@@ -21,7 +21,7 @@ body {
     margin: 2px;
     cursor: pointer;
 }
-ng-select .ng-dropdown-panel { 
+ng-select.auto-width .ng-dropdown-panel { 
     width: auto !important; 
     max-width: 550px; 
 }