New navbar and langbar style

This commit is contained in:
BBaoVanC 2021-11-01 20:29:28 -05:00
parent 906b6213fd
commit 14121f2269
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
2 changed files with 32 additions and 8 deletions

View File

@ -119,16 +119,40 @@ footer {
/* Navbar formatting */
.navbar, .langbar {
margin: 5px 0px;
}
(.navbar, .langbar) h2 {
color: inherit;
text-decoration: inherit;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
background-color: #222;
border-radius: 8px;
margin-top: 5px;
align-items: flex-start;
}
.navbar-item, .langbar-item {
margin-right: 5px;
/*flex-grow: 1;*/
padding: 8px 12px;
border-radius: 8px;
}
/*.navbar-item:first-child,
.langbar-item:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.navbar-item:last-child,
.langbar-item:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}*/
.navbar-item:hover, .langbar-item:hover {
background-color: #444;
text-decoration: none;
}
.langbar-item.selected {
font-weight: bold;
}

View File

@ -17,7 +17,7 @@
{{ range .Site.Home.AllTranslations }}
{{ if eq .Language $.Site.Language }}
<b><a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></b>
<a class="langbar-item selected" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ else }}
<a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ end }}