From d249509b805481c673ce951679f2784ad50b014a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Tak=C3=A1cs?=
 <93127072+PeterTakacs300@users.noreply.github.com>
Date: Wed, 7 Sep 2022 09:28:54 +0200
Subject: [PATCH] IDEMPIERE-5406 - Define max-height to Charts in Dashboard Row
 Layout (#1462)

* IDEMPIERE-5406 - Define max-height to Charts in Dashboard Row Layout

* IDEMPIERE-5406 - Define max-height only in Row Layout

* IDEMPIERE-5406 - media query added

* IDEMPIERE-5406 - update default theme version
---
 .../WEB-INF/src/metainfo/zk/lang-addon.xml           |  2 +-
 .../web/theme/default/css/fragment/gadget.css.dsp    | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/org.adempiere.ui.zk/WEB-INF/src/metainfo/zk/lang-addon.xml b/org.adempiere.ui.zk/WEB-INF/src/metainfo/zk/lang-addon.xml
index 61dd834e18..8810bf93e2 100644
--- a/org.adempiere.ui.zk/WEB-INF/src/metainfo/zk/lang-addon.xml
+++ b/org.adempiere.ui.zk/WEB-INF/src/metainfo/zk/lang-addon.xml
@@ -57,6 +57,6 @@ Copyright (C) 2007 Ashley G Ramdass (ADempiere WebUI).
 	
 	<!-- this js module doesn't actually exists and it is here for default theme version -->
 	<!-- since loading of  js module is on demand, it doesn't cause any error as long as you don't try to load it -->
-	<javascript-module name="idempiere.theme.default" version="202208230800" />
+	<javascript-module name="idempiere.theme.default" version="202209070800" />
 
 </language>
diff --git a/org.adempiere.ui.zk/WEB-INF/src/web/theme/default/css/fragment/gadget.css.dsp b/org.adempiere.ui.zk/WEB-INF/src/web/theme/default/css/fragment/gadget.css.dsp
index f548864e0e..30bbbdc066 100644
--- a/org.adempiere.ui.zk/WEB-INF/src/web/theme/default/css/fragment/gadget.css.dsp
+++ b/org.adempiere.ui.zk/WEB-INF/src/web/theme/default/css/fragment/gadget.css.dsp
@@ -216,6 +216,18 @@
 	width: 100%;
 }
 
+@media screen and (min-width: 768px) {
+	.dashboard-row .chart-gadget {
+		max-height: 300px; 
+	}
+}
+
+@media screen and (max-width: 767px) {
+	.dashboard-row .chart-gadget {
+		max-height: 150px; 
+	}
+}
+
 .dashboard-widget.dashboard-widget-max .chart-gadget {
 	height: 100% !important; 
 }