Fix style issue + scroll spy

Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz 2024-04-21 01:55:42 +06:00
parent 2b423d5752
commit e6520aed31
9 changed files with 20 additions and 8 deletions

View file

@ -49,6 +49,15 @@
color: get-light-color('muted-text-color'); color: get-light-color('muted-text-color');
} }
.navbar-toggler {
border: none;
&:focus {
border: none;
outline: none !important;
box-shadow: none;
}
}
.tags { .tags {
text-align: left; text-align: left;
padding-top: 0.5em; padding-top: 0.5em;

View file

@ -50,6 +50,7 @@
.post-card-link { .post-card-link {
text-decoration: none !important; text-decoration: none !important;
color: get-light-color('text-color');
} }
.card { .card {

View file

@ -184,6 +184,7 @@ body.kind-page {
#scroll-to-top { #scroll-to-top {
position: fixed; position: fixed;
border: none;
bottom: 0rem; bottom: 0rem;
right: 1rem; right: 1rem;
color: get-light-color('accent-color'); color: get-light-color('accent-color');

View file

@ -27,6 +27,7 @@
.navbar-brand { .navbar-brand {
color: get-light-color('heading-color'); color: get-light-color('heading-color');
text-decoration: none !important;
font-weight: 600; font-weight: 600;
img { img {
width: 42px; width: 42px;

View file

@ -24,7 +24,7 @@
</script> </script>
</head> </head>
<body class="type-{{ .Page.Type }} kind-{{ .Page.Kind }}" data-spy="scroll" data-target="#TableOfContents" data-offset="80"> <body class="type-{{ .Page.Type }} kind-{{ .Page.Kind }}" data-bs-spy="scroll" data-bs-target="#TableOfContents" data-bs-offset="80">
<div class="container-fluid bg-secondary wrapper"> <div class="container-fluid bg-secondary wrapper">
<!----- ADD NAVBAR ---------------> <!----- ADD NAVBAR --------------->
{{ block "navbar" . }} {{ end }} {{ block "navbar" . }} {{ end }}

View file

@ -165,7 +165,7 @@
</div> </div>
</div> </div>
<!--scroll back to top--> <!--scroll back to top-->
<a id="scroll-to-top" class="btn" data-toggle="tooltip" data-placement="left" title="Scroll to top"> <a id="scroll-to-top" class="btn" type="button" data-bs-toggle="tooltip" data-bs-placement="left" title="Scroll to top">
<i class="fas fa-chevron-circle-up"></i> <i class="fas fa-chevron-circle-up"></i>
</a> </a>
</section> </section>

View file

@ -29,7 +29,7 @@
document.documentElement.setAttribute('data-theme', theme); document.documentElement.setAttribute('data-theme', theme);
</script> </script>
</head> </head>
<body data-spy="scroll" data-target="#top-navbar" data-offset="100"> <body data-bs-spy="scroll" data-bs-target="#top-navbar" data-bs-offset="100">
<!--- NAVBAR -------------------------> <!--- NAVBAR ------------------------->
{{- partial "navigators/navbar.html" . -}} {{- partial "navigators/navbar.html" . -}}

View file

@ -74,8 +74,8 @@
class="navbar-toggler {{if .IsHome}}navbar-dark{{else}}navbar-light{{end}}" class="navbar-toggler {{if .IsHome}}navbar-dark{{else}}navbar-light{{end}}"
id="navbar-toggler" id="navbar-toggler"
type="button" type="button"
data-toggle="collapse" data-bs-toggle="collapse"
data-target="#top-nav-items" data-bs-target="#top-nav-items"
aria-label="menu" aria-label="menu"
> >
<i data-feather="menu"></i> <i data-feather="menu"></i>

View file

@ -27,18 +27,18 @@
"eslint-plugin-n": "^15.6.0", "eslint-plugin-n": "^15.6.0",
"eslint-plugin-no-jquery": "^2.7.0", "eslint-plugin-no-jquery": "^2.7.0",
"eslint-plugin-promise": "^6.1.1", "eslint-plugin-promise": "^6.1.1",
"postcss": "^8.4.21", "postcss": "^8.4.31",
"postcss-cli": "^8.3.1", "postcss-cli": "^8.3.1",
"@fontsource/mulish": "4.5.13", "@fontsource/mulish": "4.5.13",
"@fortawesome/fontawesome-free": "^6.2.0", "@fortawesome/fontawesome-free": "^6.2.0",
"bootstrap": "^4.6.2", "bootstrap": "^5.3.3",
"filterizr": "^2.2.4", "filterizr": "^2.2.4",
"flag-icon-css": "^4.1.7", "flag-icon-css": "^4.1.7",
"fuse.js": "^6.6.2", "fuse.js": "^6.6.2",
"highlight.js": "^11.6.0", "highlight.js": "^11.6.0",
"imagesloaded": "^5.0.0", "imagesloaded": "^5.0.0",
"ityped": "^1.0.3", "ityped": "^1.0.3",
"katex": "^0.16.3", "katex": "^0.16.10",
"mark.js": "^8.11.1", "mark.js": "^8.11.1",
"mermaid": "^9.2.1", "mermaid": "^9.2.1",
"plyr": "^3.7.2", "plyr": "^3.7.2",