Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Antoine:e4f43b75eb04995c3f4fccdb5dc04f91b64ed792
Branches Tags
Antoine:main
..
compare: Antoine:b93aba515f93ed4a0e63c015a4e27a19cf071605
Branches Tags
Antoine:main

No commits in common. "e4f43b75eb04995c3f4fccdb5dc04f91b64ed792" and "b93aba515f93ed4a0e63c015a4e27a19cf071605" have entirely different histories.
e4f43b75eb ... b93aba515f

3 changed files with 29 additions and 29 deletions
Show Stats Expand all files Collapse all files

20
resources/css/layout/nav/primary-menu.css
View File

@ -7,7 +7,7 @@
h-fit h-fit
py-0 py-0
lg:py-3 lg:py-3
px-6 px-8
2xl:px-20 2xl:px-20
my-0 my-0
!pb-5; !pb-5;
@ -124,18 +124,23 @@
} }
} }
li.menu-item.menu-item-has-children:hover { li.menu-item.menu-item-has-children:hover {
/* &:hover .page_icon {
transform: none;
} */
@screen lg { @screen lg {
.menu-item-submenu-toggle:after { .menu-item-submenu-toggle:after {
transform: rotate(180deg); transform: rotate(180deg);
} }
/* .sub-menu {
display: block;
} */
} }
} }
/* submenus */ /* submenus */
li .sub-menu { li .sub-menu {
@apply bg-carhop-green-700 @apply bg-carhop-green-700
p-6 p-6
px-0 md:px-6 px-6
mx-auto mx-auto
lg:mx-0 lg:mx-0
static static
@ -194,7 +199,7 @@
} }
&.menu-item.has-page-icon a { &.menu-item.has-page-icon a {
@apply flex gap-6 items-center justify-start flex-row px-2 md:px-6 p-6 py-4 md:py-8; @apply flex gap-6 items-center justify-start flex-row p-6 py-8;
.page_icon { .page_icon {
@apply w-12 h-12; @apply w-12 h-12;
} }
@ -260,15 +265,12 @@
/* min-height: 96vh; */ /* min-height: 96vh; */
padding-top: 2vh; padding-top: 2vh;
} }
> ul > li.menu-item {
@apply py-4 md:py-8;
}
li.menu-item { li.menu-item {
@apply mt-0 @apply mt-0
lg:text-center lg:text-center
text-white text-white
font-medium font-medium
py-8
text-lg text-lg
pb-2 pb-2
lg:pb-0; lg:pb-0;
@ -315,7 +317,6 @@
} }
body:has(.primary-menu-container .sub-menu-open) { body:has(.primary-menu-container .sub-menu-open) {
@screen md {
main { main {
@apply relative; @apply relative;
@ -338,7 +339,6 @@ body:has(.primary-menu-container .sub-menu-open) {
} }
} }
} }
}
} }
.menu-item-object-custom.item-catalogue { .menu-item-object-custom.item-catalogue {

2
resources/css/layout/nav/secondary-menu.css
View File

@ -70,7 +70,7 @@
li { li {
@apply border-b border-white; @apply border-b border-white;
a { a {
@apply py-6 px-2 md:px-4 block w-full; @apply py-6 px-4 block w-full;
.page_subtitle { .page_subtitle {
@apply opacity-80 font-light mt-3 inline-block; @apply opacity-80 font-light mt-3 inline-block;
/* line-height: 1; */ /* line-height: 1; */

2
resources/js/header.js
View File

@ -65,7 +65,7 @@ class HeaderMenu {
closeMenu() { closeMenu() {
if (!this.header || !this.mobileMenuToggle || !this.isMenuOpen()) return; if (!this.header || !this.mobileMenuToggle || !this.isMenuOpen()) return;
this.closeAllSubmenus();
this.header.classList.remove('nav-open'); this.header.classList.remove('nav-open');
this.mobileMenuToggle.removeAttribute('aria-expanded'); this.mobileMenuToggle.removeAttribute('aria-expanded');
this.mobileMenuToggle.textContent = 'Menu'; this.mobileMenuToggle.textContent = 'Menu';