kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dropdown v3 #44

Browse Source
This commit is contained in:
gurusabarish
2022-01-26 17:33:09 +05:30
parent aeec9ef74f
commit d159cfb594
9 changed files with 107 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+2
View File
@@ -67,6 +67,7 @@
$("nav").toggleClass("navbar-light");
$('.text-dark').toggleClass('darkmode-text-dark');
$('.text-muted').toggleClass('darkmode-text-muted');
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
};
</script>
<script src="/js/auto_darkmode.js"></script>
@@ -79,6 +80,7 @@
$("nav").toggleClass("navbar-light");
$('.text-dark').toggleClass('darkmode-text-dark');
$('.text-muted').toggleClass('darkmode-text-muted');
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
switchDarkmodeSetting();
});
layouts/index.html
+2
View File
@@ -129,6 +129,7 @@
$(".about-backdark").toggleClass("about-back");
$(".education-backdark").toggleClass("education-back");
$(".achievements-backdark").toggleClass("achievements-back");
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
}
</script>
<script src="/js/auto_darkmode.js"></script>
@@ -160,6 +161,7 @@
$("nav").toggleClass("navbar-light");
$(".text-dark").toggleClass("darkmode-text-dark");
$(".text-muted").toggleClass("darkmode-text-muted")
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
switchDarkmodeSetting();
});
layouts/partials/sections/v3/navbar.html
+40 -4
View File
@@ -64,11 +64,47 @@
</li>
{{ end }}
{{ range site.Params.customMenus }}
<li class="nav-item navbar-text">
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<!-- Dropdown menu -->
<li class="nav-item dropdown navbar-text">
<a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ .Name }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
{{ range .Children }}
<a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
{{ .Name }}
</a>
{{ end }}
</div>
</li>
{{ end }}
{{/*
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
{{ .Name }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{{ range .Children }}
<a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
{{ .Name }}</a>
{{ end }}
</div>
</li> */}}
{{else}}
<!-- Single menu item -->
<li class="nav-item navbar-text">
<a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
{{ .Pre }}
<span>{{ .Name }}</span>
</a>
</li>
{{end}}
{{end}}
<li class="nav-item navbar-text">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">