Skip to content
Snippets Groups Projects
Commit d0994fb6 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

added a region identifier besides our logo

parent dd47901d
No related branches found
No related tags found
2 merge requests!2010Development,!2001Resolve "Improve Localization"
...@@ -185,7 +185,7 @@ i.fa { ...@@ -185,7 +185,7 @@ i.fa {
margin-bottom: 25px; margin-bottom: 25px;
} }
&>a { >a.logo {
.logo; .logo;
display: block; display: block;
width: fit-content; width: fit-content;
...@@ -200,33 +200,62 @@ i.fa { ...@@ -200,33 +200,62 @@ i.fa {
width: 4.6em; width: 4.6em;
} }
} }
>a.lang {
display: block;
height: min-content;
align-self: flex-end;
position: relative;
left: -10px;
font-style: initial;
&>span {
font-size: 1rem;
display: block;
padding: .3rem;
}
}
} }
#subpage-logo { #subpage-logo {
padding: 16px 0 5px 0px; padding: 16px 0 5px 0px;
display: flex;
.navbar-brand { .navbar-brand {
.noprint; .noprint;
line-height: 100% !important;
font-size: 18px; font-size: 18px;
height: 40px;
padding: 0; padding: 0;
padding-left: 8px; padding-left: 8px;
position: absolute;
z-index: 5; z-index: 5;
left: 10px;
h1 { h1 {
border: 0; border: 0;
.logo; .logo;
font-size: 1.6em; font-size: 1.6em;
margin: 0; margin: 0;
line-height: 1;
padding-bottom: 0;
>img { >img {
width: 4.8em; width: 4.8em;
} }
} }
} }
a.lang {
display: block;
height: min-content;
align-self: flex-end;
position: relative;
bottom: -9px;
left: -4px;
&>span {
font-size: .7rem;
display: block;
padding: .1rem;
}
}
} }
/* Links that look like text */ /* Links that look like text */
......
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
z-index: 0; z-index: 0;
padding-right: 8px; padding-right: 8px;
padding-left: 8px; padding-left: 8px;
white-space: nowrap;
h1 { h1 {
.logo; .logo;
...@@ -40,6 +41,17 @@ ...@@ -40,6 +41,17 @@
} }
} }
a.lang {
position: relative;
font-size: .7rem;
bottom: -6px;
left: -5px;
span {
padding: .1rem;
}
}
.screen-small { .screen-small {
display: none; display: none;
} }
...@@ -56,6 +68,10 @@ ...@@ -56,6 +68,10 @@
width: 20px; width: 20px;
} }
} }
a.lang {
left: 0;
}
} }
} }
......
...@@ -6,9 +6,12 @@ ...@@ -6,9 +6,12 @@
<div id="search-wrapper"> <div id="search-wrapper">
<div id="search-block"> <div id="search-block">
<h1 id="startpage-logo"> <h1 id="startpage-logo">
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"> <a class="logo" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<img src="/img/metager.svg" alt="MetaGer" /> <img src="/img/metager.svg" alt="MetaGer" />
</a> </a>
<a class="lang" href="#">
<span>{{ App\Localization::getRegion() }}</span>
</a>
</h1> </h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar']) @include('parts.searchbar', ['class' => 'startpage-searchbar'])
@if(Request::filled('key')) @if(Request::filled('key'))
......
...@@ -9,6 +9,9 @@ ...@@ -9,6 +9,9 @@
<a class="screen-small" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" @if(!empty($metager) && $metager->isFramed())target="_top" @endif> <a class="screen-small" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" @if(!empty($metager) && $metager->isFramed())target="_top" @endif>
<h1><img src="/img/metager-schloss-orange.svg" alt="MetaGer" /></h1> <h1><img src="/img/metager-schloss-orange.svg" alt="MetaGer" /></h1>
</a> </a>
<a class="lang" href="#">
<span>{{ App\Localization::getRegion() }}</span>
</a>
</div> </div>
<div id="header-searchbar"> <div id="header-searchbar">
@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()]) @include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
......
...@@ -5,5 +5,8 @@ ...@@ -5,5 +5,8 @@
<a class="navbar-brand" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"> <a class="navbar-brand" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<h1><img src="/img/metager.svg" alt="MetaGer" /></h1> <h1><img src="/img/metager.svg" alt="MetaGer" /></h1>
</a> </a>
<a class="lang" href="#">
<span>{{ App\Localization::getRegion() }}</span>
</a>
</div> </div>
@endsection @endsection
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment