Fix header user menu when using inline or static menu style (#7306)
* Fix header user menu when using inline or static menu * Update template.php
This commit is contained in:
parent
7a167f70af
commit
43edc82cbe
|
|
@ -1099,46 +1099,6 @@ else { //default: white
|
|||
-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?>;
|
||||
}
|
||||
|
||||
div#body_header a {
|
||||
color: <?=$body_header_text_link_color?>;
|
||||
}
|
||||
|
||||
div#body_header a:hover {
|
||||
color: <?=$body_header_text_link_color_hover?>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#body_header_user_menu {
|
||||
z-index: 6;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
/* right: specified in /resources/classes/menu.php */
|
||||
padding: 15px;
|
||||
background-color: <?=$body_header_background_color?>;
|
||||
border: 1px solid <?=color_adjust($body_header_shadow_color, 0.05)?>;
|
||||
<?php $br = format_border_radius($dashboard_border_radius, '5px'); ?>
|
||||
-webkit-border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
-moz-border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
<?php unset($br); ?>
|
||||
-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?>;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
div#body_header_user_menu {
|
||||
width: calc(100% - 20px);
|
||||
/* right: specified in /resources/classes/menu.php */
|
||||
}
|
||||
}
|
||||
|
||||
div#body_header_user_menu a {
|
||||
font-size: 90%;
|
||||
text-decoration: none;
|
||||
}
|
||||
<?php } else { ?>
|
||||
div#body_header {
|
||||
padding: 10px;
|
||||
|
|
@ -1150,6 +1110,48 @@ else { //default: white
|
|||
}
|
||||
<?php } ?>
|
||||
|
||||
div#body_header a {
|
||||
color: <?=$body_header_text_link_color?>;
|
||||
}
|
||||
|
||||
div#body_header a:hover {
|
||||
color: <?=$body_header_text_link_color_hover?>;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#body_header_user_menu {
|
||||
z-index: 6;
|
||||
display: none;
|
||||
position: absolute;
|
||||
<?php if ($menu_style != 'inline') { ?>
|
||||
top: 50px;
|
||||
<?php } ?>
|
||||
/* right: specified in /resources/classes/menu.php */
|
||||
padding: 15px;
|
||||
background-color: <?=$body_header_background_color?>;
|
||||
border: 1px solid <?=color_adjust($body_header_shadow_color, 0.05)?>;
|
||||
<?php $br = format_border_radius($dashboard_border_radius, '5px'); ?>
|
||||
-webkit-border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
-moz-border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
border-radius: <?php echo $br['tl']['n'].$br['tl']['u']; ?> <?php echo $br['tr']['n'].$br['tr']['u']; ?> <?php echo $br['br']['n'].$br['br']['u']; ?> <?php echo $br['bl']['n'].$br['bl']['u']; ?>;
|
||||
<?php unset($br); ?>
|
||||
-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?>;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
div#body_header_user_menu {
|
||||
width: calc(100% - 20px);
|
||||
/* right: specified in /resources/classes/menu.php */
|
||||
}
|
||||
}
|
||||
|
||||
div#body_header_user_menu a {
|
||||
font-size: 90%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#body_header_brand_image {
|
||||
display: inline-block;
|
||||
margin-left: 8px;
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-tempusdominus.min.css.php'>
|
||||
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-colorpicker.min.css.php'>
|
||||
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/fontawesome/css/all.min.css.php'>
|
||||
<link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php?updated=202503120938'>
|
||||
<link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php?updated=202503121207'>
|
||||
{*//link to custom css file *}
|
||||
{if !empty($settings.theme.custom_css)}
|
||||
<link rel='stylesheet' type='text/css' href='{$settings.theme.custom_css}'>
|
||||
|
|
@ -687,17 +687,15 @@
|
|||
{/literal}
|
||||
{/if}
|
||||
|
||||
//side/fixed menu: hide an open user menu in the body header or menu on scroll
|
||||
{if $settings.theme.menu_style == 'side' || $settings.theme.menu_style == 'fixed' }
|
||||
{literal}
|
||||
$(window).on('scroll', function() {
|
||||
$('#body_header_user_menu').fadeOut(200);
|
||||
});
|
||||
$('div#main_content').on('click', function() {
|
||||
$('#body_header_user_menu').fadeOut(200);
|
||||
});
|
||||
{/literal}
|
||||
{/if}
|
||||
//hide an open user menu in the body header or menu on scroll
|
||||
{literal}
|
||||
$(window).on('scroll', function() {
|
||||
$('#body_header_user_menu').fadeOut(200);
|
||||
});
|
||||
$('div#main_content').on('click', function() {
|
||||
$('#body_header_user_menu').fadeOut(200);
|
||||
});
|
||||
{/literal}
|
||||
|
||||
//create function to mimic toggling fade and slide at the same time
|
||||
{literal}
|
||||
|
|
|
|||
Loading…
Reference in New Issue