champs-libres/chill_hugoplate
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update header dropdown and modules

Browse Source
This commit is contained in:
somrat sorkar 2023-08-29 09:58:00 +06:00
parent 34cb72d4ce
commit 59eef62fde
5 changed files with 50 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/js/main.js
View File

@ -2,7 +2,20 @@
(function () { (function () {
"use strict"; "use strict";
// ####################### Testimonial Slider ######################### // Dropdown Menu Toggler For Mobile
// ----------------------------------------
const dropdownMenuToggler = document.querySelectorAll(
".nav-dropdown > .nav-link",
);
dropdownMenuToggler.forEach((toggler) => {
toggler?.addEventListener("click", (e) => {
e.target.parentElement.classList.toggle("active");
});
});
// Testimonial Slider
// ----------------------------------------
new Swiper(".testimonial-slider", { new Swiper(".testimonial-slider", {
spaceBetween: 24, spaceBetween: 24,
loop: true, loop: true,

12
assets/scss/navigation.scss
View File

@ -41,14 +41,22 @@ input#nav-toggle:checked ~ #nav-menu {
.nav-dropdown { .nav-dropdown {
@apply mr-0; @apply mr-0;
& > svg {
@apply pointer-events-none;
}
&.active {
.nav-dropdown-list {
@apply block;
}
}
} }
.nav-dropdown-list { .nav-dropdown-list {
@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow; @apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0;
} }
.nav-dropdown-item { .nav-dropdown-item {
@apply mb-2; @apply [&:not(:last-child)]:mb-2;
} }
.nav-dropdown-link { .nav-dropdown-link {

46
exampleSite/go.mod
View File

@ -3,27 +3,27 @@ module hugoplate.netlify.app
go 1.20 go 1.20
require ( require (
github.com/gethugothemes/hugo-modules/accordion v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/accordion v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/adsense v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/adsense v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/components/cookie-consent v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/components/cookie-consent v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/components/custom-script v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/components/custom-script v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/components/preloader v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/components/preloader v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/components/render-link v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/components/render-link v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/components/social-share v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/components/social-share v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/gallery-slider v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/gallery-slider v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/gzip-caching v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/gzip-caching v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/icons/font-awesome v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/icons/font-awesome v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/images v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/images v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/modal v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/modal v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/pwa v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/pwa v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/search v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/search v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/seo-tools/basic-seo v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/seo-tools/basic-seo v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/seo-tools/site-verifications v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/seo-tools/site-verifications v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/shortcodes/button v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/shortcodes/button v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/shortcodes/notice v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/shortcodes/notice v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/tab v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/tab v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/table-of-contents v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/table-of-contents v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/gethugothemes/hugo-modules/videos v0.0.0-20230731033118-be0c1c964f76 // indirect github.com/gethugothemes/hugo-modules/videos v0.0.0-20230823074046-d7ebb75df8b9 // indirect
github.com/zeon-studio/hugoplate v0.0.0-20230807025249-ff01abbb3526 // indirect github.com/zeon-studio/hugoplate v0.0.0-20230820074946-34cb72d4ce47 // indirect
) )

2
layouts/partials/essentials/header.html
View File

@ -50,7 +50,7 @@
</svg> </svg>
</span> </span>
<ul <ul
class="nav-dropdown-list hidden group-hover:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100"> class="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100">
{{ range .Children }} {{ range .Children }}
{{ $childURL := .URL | absLangURL }} {{ $childURL := .URL | absLangURL }}
{{ $active := eq $childURL $pageURL }} {{ $active := eq $childURL $pageURL }}

4
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "hugoplate", "name": "hugoplate",
"description": "hugo tailwindcss boilerplate", "description": "hugo tailwindcss boilerplate",
"version": "1.7.4", "version": "1.7.5",
"license": "MIT", "license": "MIT",
"author": "zeon.studio", "author": "zeon.studio",
"scripts": { "scripts": {
@ -19,7 +19,7 @@
}, },
"devDependencies": { "devDependencies": {
"@fullhuman/postcss-purgecss": "^5.0.0", "@fullhuman/postcss-purgecss": "^5.0.0",
"@tailwindcss/forms": "^0.5.4", "@tailwindcss/forms": "^0.5.6",
"@tailwindcss/typography": "^0.5.9", "@tailwindcss/typography": "^0.5.9",
"autoprefixer": "^10.4.15", "autoprefixer": "^10.4.15",
"postcss": "^8.4.28", "postcss": "^8.4.28",