bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2024-12-22 12:13:19 -06:00
Code Issues Projects Releases Wiki Activity

New navbar and langbar style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/bobastyle.css
View File

@ -119,16 +119,40 @@ footer {
/* Navbar formatting */ /* Navbar formatting */
.navbar, .langbar { .navbar, .langbar {
margin: 5px 0px; display: flex;
} flex-wrap: nowrap;
flex-direction: row;
(.navbar, .langbar) h2 { background-color: #222;
color: inherit; border-radius: 8px;
text-decoration: inherit; margin-top: 5px;
align-items: flex-start;
} }
.navbar-item, .langbar-item { .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;
} }

2
layouts/partials/top.html
View File

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