From d131f00a4e956af1c474200787f06a6db51c1b0b Mon Sep 17 00:00:00 2001
From: fusionate <nate@fusionpbx.com>
Date: Fri, 6 Sep 2024 20:51:32 -0600
Subject: [PATCH] Theme: New Settings to control body header shadow color and
 size. Add overflow on content cards for small screens.

---
 themes/default/app_config.php | 16 ++++++++++++++++
 themes/default/css.php        | 12 +++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/themes/default/app_config.php b/themes/default/app_config.php
index f681626014..b0cb6d0fe3 100644
--- a/themes/default/app_config.php
+++ b/themes/default/app_config.php
@@ -384,6 +384,22 @@
 		$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "true";
 		$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the background color for the body (content) header bar (Side Menu only).";
 		$y++;
+		$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "b505bb83-9061-45ef-875d-121c6a7b98e0";
+		$apps[$x]['default_settings'][$y]['default_setting_category'] = "theme";
+		$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "body_header_shadow_size";
+		$apps[$x]['default_settings'][$y]['default_setting_name'] = "text";
+		$apps[$x]['default_settings'][$y]['default_setting_value'] = "7px";
+		$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
+		$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the shadow size of the body header bar.";
+		$y++;
+		$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "f3d64e68-933e-412b-9f30-f8bd76ea46cb";
+		$apps[$x]['default_settings'][$y]['default_setting_category'] = "theme";
+		$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "body_header_shadow_color";
+		$apps[$x]['default_settings'][$y]['default_setting_name'] = "text";
+		$apps[$x]['default_settings'][$y]['default_setting_value'] = "#d0d8e5";
+		$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
+		$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the shadow color of the body header bar.";
+		$y++;
 		$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "b7ab6ad5-845a-4af6-880e-fa999e229216";
 		$apps[$x]['default_settings'][$y]['default_setting_category'] = "theme";
 		$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "body_header_icon_user";
diff --git a/themes/default/css.php b/themes/default/css.php
index edf733a12c..c4347d8cff 100644
--- a/themes/default/css.php
+++ b/themes/default/css.php
@@ -59,6 +59,7 @@ $menu_side_width_contracted = $_SESSION['theme']['menu_side_width_contracted']['
 $menu_main_icon_color = $_SESSION['theme']['menu_main_icon_color']['text'] ?? '#fd9c03';
 $menu_main_icon_color_hover = $_SESSION['theme']['menu_main_icon_color_hover']['text'] ?? '#fd9c03';
 $body_header_background_color = $_SESSION['theme']['body_header_background_color']['text'] ?? 'transparent';
+$body_header_shadow_color = $_SESSION['theme']['body_header_shadow_color']['text'] ?? '';
 $body_header_brand_text_color = $_SESSION['theme']['body_header_brand_text_color']['text'] ?? 'rgba(0,0,0,0.90)';
 $body_header_brand_text_color_hover = $_SESSION['theme']['body_header_brand_text_color_hover']['text'] ?? 'rgba(0,0,0,1.0)';
 $body_header_brand_text_size = $_SESSION['theme']['body_header_brand_text_size']['text'] ?? '16px';
@@ -1023,15 +1024,23 @@ else { //default: white
 
 	<?php if ($menu_style == 'side') { ?>
 		div#body_header {
+			position: relative;
+			z-index: 1;
 			padding: 10px 10px 15px 10px;
 			height: 50px;
-			background-color: <?=$body_header_background_color?>
+			background-color: <?=$body_header_background_color?>;
+			-webkit-box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
+			-moz-box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
+			box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
 			}
 	<?php } else { ?>
 		div#body_header {
 			padding: 10px;
 			margin-top: 5px;
 			height: 40px;
+			-webkit-box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
+			-moz-box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
+			box-shadow: 0 2px <?=$body_header_shadow_size ?? '7px'?> <?=$body_header_shadow_color?>;
 			}
 	<?php } ?>
 
@@ -2610,6 +2619,7 @@ else { //default: white
 /* CARD **********************************************************************/
 
 	div.card {
+		overflow: auto;
 		margin-bottom: 15px;
 		<?php
 		if (isset($card_border_size) || !empty($card_border_color) || !empty($card_background_color) || !empty($card_shadow_color)) {