Body Header User Image and Menu, Domain Selector, Contact Attachment improvements.

This commit is contained in:
fusionate
2024-09-28 16:37:36 -06:00
parent 7f2bd7d53a
commit ae15319487
9 changed files with 246 additions and 64 deletions
+33 -1
View File
@@ -1065,6 +1065,37 @@ else { //default: white
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;
@@ -1452,7 +1483,7 @@ else { //default: white
#domains_container {
z-index: 99990;
position: absolute;
position: fixed;
right: 0;
top: 0;
bottom: 0;
@@ -3455,6 +3486,7 @@ else { //default: white
.pct-95 { width: 95%; }
.pct-100 { width: 100%; }
/* SIDE PADDING & MARGIN HELPERS **********************************************************************/
.pl-1 { padding-left: 1px !important; } .pr-1 { padding-right: 1px !important; }
+14 -3
View File
@@ -244,8 +244,7 @@
//domain selector controls
{if $domain_selector_enabled}
{literal}
$('.domain_selector_domain').on('click', function() { show_domains(); });
$('#header_domain_selector_domain').on('click', function() { show_domains(); });
$('#header_domain_selector_domain').on('click', function() { event.preventDefault(); show_domains(); });
$('#domains_hide').on('click', function() { hide_domains(); });
function show_domains() {
@@ -258,7 +257,6 @@
$('.navbar').css('margin-right',scrollbar_width); //adjust navbar margin to compensate
$('#domains_container').css('right',-scrollbar_width); //domain container right position to compensate
}
$(document).scrollTop(0);
$('#domains_container').show();
$('#domains_block').animate({marginRight: '+=300'}, 400, function() {
$('#domains_search').trigger('focus');
@@ -685,6 +683,19 @@
{literal}
}
});
//hide an open user menu in the body header on scroll
$(window).on('scroll', function() {
$('#body_header_user_menu').fadeOut(200);
});
//create function to mimic toggling fade and slide at the same time
(function($){
$.fn.toggleFadeSlide = function(speed = 200, easing, callback){
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
})(jQuery);
{/literal}
{/if}