Theme: New Settings to control body header shadow color and size. Add overflow on content cards for small screens.

This commit is contained in:
fusionate
2024-09-06 20:51:32 -06:00
parent d4fdd1ce6b
commit d131f00a4e
2 changed files with 27 additions and 1 deletions

View File

@@ -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";

View File

@@ -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)) {