Buttons inside filter's drop-down menu will have min-width and will…

… be centered (#52) * Centered buttons which will have min-width #44 * Try to equalize margins #44 * One more CSS change * One yet change
handsontable · Mar 26, 2018 · 446e051 · 446e051
1 parent 15111eb
commit 446e051
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/plugins/dropdownMenu/dropdownMenu.css b/src/plugins/dropdownMenu/dropdownMenu.css
@@ -92,7 +92,7 @@
 
 .htDropdownMenu table tbody tr td .htItemWrapper {
   margin-left: 10px;
-  margin-right: 6px;
+  margin-right: 10px;
 }
 
 .htDropdownMenu table tbody tr td div span.selected {

diff --git a/src/plugins/filters/filters.css b/src/plugins/filters/filters.css
@@ -68,7 +68,7 @@
 
 .htFiltersConditionsMenu table tbody tr td .htItemWrapper {
   margin-left: 10px;
-  margin-right: 6px;
+  margin-right: 10px;
 }
 
 .htFiltersConditionsMenu table tbody tr td div span.selected {
@@ -110,7 +110,7 @@
   padding: 0 0 5px 0;
 }
 .handsontable .htFiltersMenuCondition .htUIInput input {
-  width: 177px;
+  width: 173px;
   padding: 4px;
 }
 
@@ -122,7 +122,7 @@
   padding: 0;
 }
 .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
-  width: 177px;
+  width: 173px;
   padding: 4px;
 }
 
@@ -177,8 +177,6 @@
 .handsontable .htUIInput.htUIButton {
   cursor: pointer;
   display: inline-block;
-  padding: 3px 4px 7px 4px;
-  width: 60px;
 }
 .handsontable .htUIInput.htUIButton input {
   background-color: #eee;
@@ -188,12 +186,16 @@
   font-size: 11px;
   font-weight: bold;
   height: 19px;
-  width: 42px;
+  min-width: 42px;
 }
 .handsontable .htUIInput.htUIButton input:hover {
   border-color: #b9b9b9;
 }
 
+.handsontable .htUIInput.htUIButtonOK {
+  margin-right: 10px;
+}
+
 .handsontable .htUIInput.htUIButtonOK input {
   background-color: #0f9d58;
   border-color: #18804e;

diff --git a/src/plugins/filters/ui/multipleSelect.js b/src/plugins/filters/ui/multipleSelect.js
@@ -156,9 +156,9 @@ class MultipleSelectUI extends BaseUI {
           TD.title = cellProperties.instance.getDataAtRowProp(row, cellProperties.label.property);
         },
         autoWrapCol: true,
-        colWidths: 187,
+        colWidths: 183,
         height: 110,
-        width: 187,
+        width: 183,
         copyPaste: false,
         disableVisualSelection: 'area',
         fillHandle: false,