deon/phpldapadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes to customation of ArchitectUI for mobile displays, hamburger should now be visibile and search is not black on black.

Browse Source 
Closes #292
This commit is contained in:
Deon George 2025-03-04 07:45:01 +11:00
parent ba9124ce0f
commit 41d6948f3c
5 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/themes/architect/src/app.js vendored
View File

@ -72,11 +72,14 @@ $(document).ready(() => {
var resizeClass = function () { var resizeClass = function () {
var win = document.body.clientWidth; var win = document.body.clientWidth;
if (win < 1250) { if (win < 768) {
$('.app-container').addClass("closed-sidebar closed-sidebar-mobile");
$('.app-header').addClass("header-text-light bg-light").removeClass("bg-dark header-text-dark");
} else if (win < 1250) {
$('.app-container').addClass('closed-sidebar-mobile closed-sidebar'); $('.app-container').addClass('closed-sidebar-mobile closed-sidebar');
$('.app-header').removeClass("heard-text-light bg-dark").addClass("bg-light header-text-dark"); $('.app-header').removeClass("header-text-light bg-dark").addClass("bg-light header-text-dark");
} else { } else {
$('.app-header').addClass("heard-text-light bg-dark").removeClass("bg-light header-text-dark"); $('.app-header').addClass("header-text-light bg-dark").removeClass("bg-light header-text-dark");
$('.app-container').removeClass('closed-sidebar-mobile closed-sidebar'); $('.app-container').removeClass('closed-sidebar-mobile closed-sidebar');
} }
}; };

8
resources/themes/architect/src/layout/header/themes/_header-dark.scss vendored
View File

@ -114,6 +114,14 @@
} }
} }
.app-header__mobile-menu {
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: $gray-800;
}
}
} }
} }

2
resources/themes/architect/src/layout/header/themes/_header-light.scss vendored
View File

@ -128,7 +128,7 @@
.hamburger-inner, .hamburger-inner,
.hamburger-inner::before, .hamburger-inner::before,
.hamburger-inner::after { .hamburger-inner::after {
background: rgba(255, 255, 255, .9); background: $gray-800;
} }
} }

2
resources/themes/architect/views/layouts/partials/sidebarmenu.blade.php
View File

@ -22,7 +22,7 @@
</div> </div>
<div class="app-header__menu"> <div class="app-header__menu">
<span> <span>
<button type="button" class="btn-icon btn-icon-only btn btn-sm btn-primary mobile-toggle-header-nav"> <button type="button" class="btn-icon btn-icon-only btn btn-sm btn-dark mobile-toggle-header-nav">
<span class="btn-icon-wrapper"> <span class="btn-icon-wrapper">
<i class="fas fa-ellipsis-v fa-w-6"></i> <i class="fas fa-ellipsis-v fa-w-6"></i>
</span> </span>

2
resources/themes/architect/views/layouts/partials/topmenu.blade.php
View File

@ -22,7 +22,7 @@
</div> </div>
<div class="app-header__menu"> <div class="app-header__menu">
<span> <span>
<button type="button" class="btn-icon btn-icon-only btn btn-sm btn-primary mobile-toggle-header-nav"> <button type="button" class="btn-icon btn-icon-only btn btn-sm btn-dark mobile-toggle-header-nav">
<span class="btn-icon-wrapper"> <span class="btn-icon-wrapper">
<i class="fas fa-ellipsis-v fa-w-6"></i> <i class="fas fa-ellipsis-v fa-w-6"></i>
</span> </span>