Merge pull request #74 from Namanv0509/sidebar-update

Update left side bar content font weight and size based on level and …

Author: leecalcote

assets/scss/_sidebar-tree.scss

@@ -49,17 +49,20 @@
 
       padding-left: 0;
     }
+    
 
     &__section-title {
       display: block;
       font-weight: $font-weight-medium;
 
       .active {
         font-weight: $font-weight-bold;
+        font-size: large;
       }
 
       a {
         color: $dark; 
+        text-decoration: none;
       }
     }
 
@@ -77,6 +80,7 @@
       &:focus,
       &:hover {
         color: $dark; 
+        text-decoration: none;
       }
 
       &.active {
@@ -114,7 +118,19 @@
       margin-bottom: 1rem;
     }
   }
-  
+.level-0.td-sidebar-nav__section-title a {
+  color: $dark;
+  &.active {
+    font-weight: $font-weight-bold;
+    color: $dark
+  }
+}
+
+
+.level-2.td-sidebar-nav__section-title a {
+  color: $gray-800;
+  font-weight: $font-weight-medium;
+}
   .td-sidebar {
     @include link-decoration;
 

layouts/partials/sidebar-tree.html

@@ -94,7 +94,7 @@
 {{ $withChild := gt (len $pages) 0 -}}
 {{ $manualLink := cond (isset $s.Params "manuallink") $s.Params.manualLink ( cond (isset $s.Params "manuallinkrelref") (relref $s $s.Params.manualLinkRelref) $s.RelPermalink) -}}
 {{ $manualLinkTitle := cond (isset $s.Params "manuallinktitle") $s.Params.manualLinkTitle $s.Title -}}
-<li class="td-sidebar-nav__section-title td-sidebar-nav__section{{ if $withChild }} with-child{{ else }} without-child{{ end }}{{ if $activePath }} active-path{{ end }}{{ if (not (or $show $p.Site.Params.ui.sidebar_menu_foldable )) }} collapse{{ end }}" id="{{ $mid }}-li">
+<li class="td-sidebar-nav__section-title td-sidebar-nav__section level-{{ $ulNr }}{{ if $withChild }} with-child{{ else }} without-child{{ end }}{{ if $activePath }} active-path{{ end }}{{ if (not (or $show $p.Site.Params.ui.sidebar_menu_foldable )) }} collapse{{ end }}" id="{{ $mid }}-li">
   {{ if (and $p.Site.Params.ui.sidebar_menu_foldable (ge $ulNr 1)) -}}
   <input type="checkbox" id="{{ $mid }}-check"{{ if $activePath}} checked{{ end }}/>
   <label for="{{ $mid }}-check"><a href="{{ $manualLink }}"{{ if ne $s.LinkTitle $manualLinkTitle }} title="{{ $manualLinkTitle }}"{{ end }}{{ with $s.Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }} class="align-left ps-0 {{ if $active}} active{{ end }} td-sidebar-link{{ if $s.IsPage }} td-sidebar-link__page{{ else }} td-sidebar-link__section{{ end }}{{ if $treeRoot }} tree-root{{ end }}" id="{{ $mid }}">{{ with $s.Params.Icon}}<i class="{{ . }}"></i>{{ end }}<span class="{{ if $active }}td-sidebar-nav-active-item{{ end }}">{{ $s.LinkTitle }}</span></a></label>