modifed sidebar style

This commit is contained in:
somrat-gyver 2020-07-05 09:49:50 +06:00
parent 2156abdaec
commit a462ffb310
2 changed files with 14 additions and 6 deletions

View file

@ -719,6 +719,14 @@ tbody {
/* /single page */ /* /single page */
/* side list */ /* side list */
.sidebar{
background-color: var(--white-color);
position: sticky;
top: 50px;
margin-bottom: 30px;
padding: 40px 10px 20px 10px;
}
.sidelist { .sidelist {
display: block; display: block;
} }
@ -865,12 +873,12 @@ code {
content: "\e6bc"; content: "\e6bc";
font-size: 25px; font-size: 25px;
height: 30px; height: 30px;
width: 50px; width: 40px;
background: #fff; background-color: var(--white-color);
color: inherit; color: inherit;
text-align: right; text-align: right;
z-index: 1; z-index: 1;
left: -15px; left: -5px;
top: -3px; top: -3px;
} }

View file

@ -3,12 +3,12 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<div class="bg-white pl-lg-4 py-4 pr-4 mb-5 mb-lg-0 sticky-top top-50 overflow-hidden"> <div class="sidebar">
<ul class="list-styled"> <ul class="list-styled">
{{ $currentNode := . }} {{ $currentNode := . }}
<a class="d-block h4 back-btn" href="{{ .Site.BaseURL | relLangURL }}">{{ i18n "Back-home"}}</a> <a class="back-btn" href="{{ .Site.BaseURL | relLangURL }}"></a>
{{range .Site.Home.Sections.ByWeight}} {{range .Site.Home.Sections.ByWeight}}
{{ if eq .FirstSection $currentNode.FirstSection }} {{/* print current section only */}} {{ if eq .FirstSection $currentNode.FirstSection }}
{{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode}} {{ template "section-tree-nav" dict "sect" . "currentnode" $currentNode}}
{{ end }} {{ end }}
{{ end }} {{ end }}