mirror of
https://github.com/BBaoVanC/bobatheme.git
synced 2024-12-22 04:13:17 -06:00
New navbar and langbar style
This commit is contained in:
parent
906b6213fd
commit
14121f2269
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
@ -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 }}
|
||||
|
Loading…
Reference in New Issue
Block a user