fix: remove td-navbar and td-breadcrumb overrrides

This commit is contained in:
nevfy 2024-05-09 19:38:30 +03:00
parent ae97ac93d3
commit 55df8d6f26
5 changed files with 19 additions and 45 deletions

View file

@ -25,10 +25,10 @@
@extend .navbar; @extend .navbar;
@extend .navbar-expand; @extend .navbar-expand;
background: $primary; background: $dark;
min-height: 4rem; min-height: 5rem;
margin: 0; margin: 0;
z-index: 32; z-index: 15;
.navbar-brand { .navbar-brand {
text-transform: none; text-transform: none;
@ -47,11 +47,23 @@
.navbar-nav { .navbar-nav {
padding-top: $spacer * 0.5; padding-top: $spacer * 0.5;
white-space: nowrap; white-space: nowrap;
padding-bottom: 0 !important;
} }
.nav-link { .nav-link {
text-transform: none; text-transform: none;
color: $secondary !important;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
border-radius: 5px;
padding: .5rem 1.5rem !important;
margin-top: unset !important;
&:hover {
background-color: #61616144;
transition: background-color 0.2s ease-in-out;
}
&.nav-link.active {
background-color: #616161;
}
} }
// For .td-search__input styling, see _search.scss // For .td-search__input styling, see _search.scss
@ -77,7 +89,6 @@
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {
.td-navbar-nav-scroll { .td-navbar-nav-scroll {
max-width: 100%; max-width: 100%;
height: 2.5rem;
overflow: hidden; overflow: hidden;
font-size: 0.9rem; font-size: 0.9rem;
} }

View file

@ -3,7 +3,7 @@
{{ $isSingle = .IsHome -}} {{ $isSingle = .IsHome -}}
{{ end -}} {{ end -}}
<nav aria-label="breadcrumb" class="td-breadcrumbs <nav aria-label="breadcrumb" class="td-breadcrumbs
{{- if $isSingle }} td-breadcrumbs__single {{- end }}"> {{- if $isSingle }} d-none {{- end }}">
<ol class="breadcrumb"> <ol class="breadcrumb">
{{- template "breadcrumbnav" (dict "p1" . "p2" .) }} {{- template "breadcrumbnav" (dict "p1" . "p2" .) }}
</ol> </ol>

View file

@ -17,10 +17,6 @@
{{ end -}} {{ end -}}
</span> </span>
{{- /**/ -}} {{- /**/ -}}
<span class="navbar-brand__name">
{{- .Site.Title -}}
</span>
{{- /**/ -}}
</a> </a>
<div class="td-navbar-nav-scroll ms-md-auto" id="main_navbar"> <div class="td-navbar-nav-scroll ms-md-auto" id="main_navbar">
<ul class="navbar-nav"> <ul class="navbar-nav">

View file

@ -18,6 +18,8 @@ $google_font_family: "Montserrat:300,300i,400,400i,500,500i,600,700,700i";
$font-family-sans-serif: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-family-sans-serif: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-weight-bold: 600;
$navbar-dark-color: rgba($secondary, 0.8) !default; $navbar-dark-color: rgba($secondary, 0.8) !default;
$navbar-dark-hover-color: rgba($secondary, 1) !default; $navbar-dark-hover-color: rgba($secondary, 1) !default;
$navbar-dark-active-color: $secondary !default; $navbar-dark-active-color: $secondary !default;

View file

@ -1,38 +1,3 @@
.td-navbar {
background: $dark;
min-height: 5rem;
z-index: 15;
.navbar-brand__name {
display: none;
}
.nav-link {
color: $secondary !important;
font-weight: 600;
border-radius: 5px;
&:hover {
background-color: #61616144;
transition: background-color 0.2s ease-in-out;
}
&.nav-link.active {
background-color: #616161;
}
}
.td-navbar-nav-scroll {
height: unset !important;
margin-top: unset !important;
.nav-link {
padding: .5rem 1.5rem;
}
.navbar-nav {
padding-bottom: 0 !important;
}
}
}
.td-breadcrumbs__single {
visibility: hidden;
}
.td-sidebar-nav .td-sidebar-link__page, .td-sidebar-nav .td-sidebar-link__page,
ul.ul-2>.td-sidebar-nav__section-title a { ul.ul-2>.td-sidebar-nav__section-title a {
color: $gray !important; color: $gray !important;