Theme - Fixed Menu: Add new user menu to menu bar.

This commit is contained in:
fusionate
2024-10-07 14:36:55 -06:00
parent 1134341635
commit b498af4cf4
4 changed files with 93 additions and 23 deletions
+2 -2
View File
@@ -109,7 +109,7 @@
$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "header_user_color_hover";
$apps[$x]['default_settings'][$y]['default_setting_name'] = "text";
$apps[$x]['default_settings'][$y]['default_setting_value'] = "#fd9c03";
$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "true";
$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the text hover color (and opacity) for header user name.";
$y++;
$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "b999bb99-2224-48f0-8a61-38c4f75c9869";
@@ -117,7 +117,7 @@
$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "header_domain_color_hover";
$apps[$x]['default_settings'][$y]['default_setting_name'] = "text";
$apps[$x]['default_settings'][$y]['default_setting_value'] = "#fd9c03";
$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "true";
$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the text hover color (and opacity) for header domain name.";
$y++;
$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "4a92f422-934f-4ae9-b918-fa932cb1e089";
+9 -4
View File
@@ -49,8 +49,8 @@ $menu_sub_text_color = $_SESSION['theme']['menu_sub_text_color']['text'] ?? '#ff
$menu_sub_text_size = $_SESSION['theme']['menu_sub_text_size']['text'] ?? '10pt';
$menu_sub_text_color_hover = $_SESSION['theme']['menu_sub_text_color_hover']['text'] ?? '#fd9c03';
$menu_sub_background_color_hover = $_SESSION['theme']['menu_sub_background_color_hover']['text'] ?? '#141414';
$header_user_color_hover = $_SESSION['theme']['header_user_color_hover']['text'] ?? '#1892e6';
$header_domain_color_hover = $_SESSION['theme']['header_domain_color_hover']['text'] ?? '#1892e6';
$header_user_color_hover = $_SESSION['theme']['header_user_color_hover']['text'] ?? null;
$header_domain_color_hover = $_SESSION['theme']['header_domain_color_hover']['text'] ?? null;
$logout_icon_color = $_SESSION['theme']['logout_icon_color']['text'] ?? 'rgba(255,255,255,0.8)';
$logout_icon_color_hover = $_SESSION['theme']['logout_icon_color_hover']['text'] ?? 'rgba(255,255,255,1.0)';
$menu_main_toggle_color = $_SESSION['theme']['menu_main_toggle_color']['text'] ?? 'rgba(255,255,255,0.8)';
@@ -653,7 +653,8 @@ else { //default: white
}
/* main menu item */
ul.navbar-nav > li.nav-item > a.nav-link {
ul.navbar-nav > li.nav-item > a.nav-link,
ul.navbar-nav.ml-auto > li.nav-item > a.nav-link {
font-family: <?=$menu_main_text_font?>;
font-size: <?=$menu_main_text_size?>;
color: <?=$menu_main_text_color?>;
@@ -768,17 +769,21 @@ else { //default: white
padding: 10px;
}
<?php if (!empty($header_user_color_hover)) { ?>
ul.navbar-nav > li.nav-item:hover > a.header_user,
ul.navbar-nav > li.nav-item:focus > a.header_user,
ul.navbar-nav > li.nav-item:active > a.header_user {
color: <?=$header_user_color_hover?>;
}
<?php } ?>
<?php if (!empty($header_domain_color_hover)) { ?>
ul.navbar-nav > li.nav-item:hover > a.header_domain,
ul.navbar-nav > li.nav-item:focus > a.header_domain,
ul.navbar-nav > li.nav-item:active > a.header_domain {
color: <?=$header_domain_color_hover?>;
}
<?php } ?>
/* logout icon */
a.logout_icon {
@@ -1045,7 +1050,7 @@ else { //default: white
/* BODY/HEADER BAR *****************************************************************/
<?php if ($menu_style == 'side') { ?>
<?php if ($menu_style == 'side' || $menu_style == 'fixed') { ?>
div#body_header {
position: relative;
z-index: 1;
+19 -10
View File
@@ -244,10 +244,11 @@
//domain selector controls
{if $domain_selector_enabled}
{literal}
$('#header_domain_selector_domain').on('click', function() { event.preventDefault(); show_domains(); });
$('.header_domain_selector_domain').on('click', function() { event.preventDefault(); show_domains(); });
$('#domains_hide').on('click', function() { hide_domains(); });
function show_domains() {
$('#body_header_user_menu').fadeOut(200);
search_domains('domains_list');
$('#domains_visible').val(1);
@@ -683,22 +684,30 @@
{literal}
}
});
{/literal}
{/if}
//hide an open user menu in the body header on scroll
//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);
});
//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);
$('div#main_content').on('click', function() {
$('#body_header_user_menu').fadeOut(200);
});
{/literal}
{/if}
//create function to mimic toggling fade and slide at the same time
{literal}
(function($){
$.fn.toggleFadeSlide = function(speed = 200, easing, callback){
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
})(jQuery);
{/literal}
{literal}
}); //document ready end
{/literal}