fix

DevExpress · Jan 19, 2024 · 0d3bc05 · 0d3bc05
1 parent e684e68
commit 0d3bc05
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 6 deletions.
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.css b/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.css
@@ -10,3 +10,7 @@
   font-size: 18px;
   font-weight: 500;
 }
+
+::ng-deep #gridContainer .dx-toolbar-items-container {
+  min-height: 44px;
+}
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/React/styles.css b/JSDemos/Demos/DataGrid/ToolbarCustomization/React/styles.css
@@ -1,12 +1,16 @@
-.informer {
+#gridContainer .informer {
   display: grid;
   width: 120px;
   grid-template-columns: 100%;
   padding-right: 20px;
   text-align: center;
 }
 
-.count {
+#gridContainer .count {
   font-size: 18px;
   font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+  min-height: 44px;
+}
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/ReactJs/styles.css b/JSDemos/Demos/DataGrid/ToolbarCustomization/ReactJs/styles.css
@@ -1,12 +1,16 @@
-.informer {
+#gridContainer .informer {
   display: grid;
   width: 120px;
   grid-template-columns: 100%;
   padding-right: 20px;
   text-align: center;
 }
 
-.count {
+#gridContainer .count {
   font-size: 18px;
   font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+  min-height: 44px;
+}
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/Vue/App.vue b/JSDemos/Demos/DataGrid/ToolbarCustomization/Vue/App.vue
@@ -131,16 +131,20 @@ const refreshDataGrid = () => {
 </script>
 <style scoped>
 
-.informer {
+#gridContainer .informer {
   display: grid;
   width: 120px;
   grid-template-columns: 100%;
   padding-right: 20px;
   text-align: center;
 }
 
-.count {
+#gridContainer .count {
   font-size: 18px;
   font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+  min-height: 44px;
+}
 </style>
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/jQuery/styles.css b/JSDemos/Demos/DataGrid/ToolbarCustomization/jQuery/styles.css
@@ -10,3 +10,7 @@
   font-size: 18px;
   font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+  min-height: 44px;
+}
diff --git a/MVCDemos/Content/DemosStyles/DataGrid/ToolbarCustomization.css b/MVCDemos/Content/DemosStyles/DataGrid/ToolbarCustomization.css
@@ -10,3 +10,7 @@
     font-size: 18px;
     font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+    min-height: 44px;
+}
diff --git a/NetCoreDemos/wwwroot/css/DemosStyles/DataGrid/ToolbarCustomization.css b/NetCoreDemos/wwwroot/css/DemosStyles/DataGrid/ToolbarCustomization.css
@@ -10,3 +10,7 @@
     font-size: 18px;
     font-weight: 500;
 }
+
+#gridContainer .dx-toolbar-items-container {
+    min-height: 44px;
+}