Skip to content
Snippets Groups Projects
Commit b2f4e875 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Sidebar Menüpunkte sind umsortiert

parent f7a22400
No related branches found
No related tags found
1 merge request!1326Resolve "Sidebar Design anpassen"
Hide whitespace changes
Inline Side-by-side
resources/assets/less/metager/sidebar.less
+ 10
− 4
View file @ b2f4e875
...@@ -36,6 +36,8 @@ ...@@ -36,6 +36,8 @@
} }
&>i.fa { &>i.fa {
width: 30px; width: 30px;
text-align: center;
margin-right: 7px;
} }
} }
&>label { &>label {
...@@ -52,7 +54,7 @@ ...@@ -52,7 +54,7 @@
} }
} }
} }
.metager-dropdown-menu { .metager-dropdown-content {
min-width: 160px; min-width: 160px;
max-height: 0px; max-height: 0px;
text-align: left; text-align: left;
...@@ -113,7 +115,7 @@ ...@@ -113,7 +115,7 @@
input.sidebarCheckbox { input.sidebarCheckbox {
display: none; display: none;
&:checked { &:checked {
&~.metager-dropdown-menu { &~.metager-dropdown-content {
max-height: 1000px; max-height: 1000px;
padding: 5px 0px 0px 0px; padding: 5px 0px 0px 0px;
} }
...@@ -124,7 +126,7 @@ ...@@ -124,7 +126,7 @@
} }
} }
&:not(:checked) { &:not(:checked) {
&~.metager-dropdown-menu { &~.metager-dropdown-content {
padding: 0px 0; padding: 0px 0;
} }
} }
...@@ -132,6 +134,10 @@ ...@@ -132,6 +134,10 @@
input#nav0:checked~& { input#nav0:checked~& {
border-left: 1px solid LightGray; border-left: 1px solid LightGray;
} }
hr {
margin: 0px;
border-color: #e0e0e0;
}
} }
input#sidebarToggle:checked { input#sidebarToggle:checked {
...@@ -174,7 +180,7 @@ input#sidebarToggle:checked { ...@@ -174,7 +180,7 @@ input#sidebarToggle:checked {
max-height: 1000px; max-height: 1000px;
} }
} }
ul.metager-dropdown-menu { ul.metager-dropdown-content {
position: inherit; position: inherit;
width: 100%; width: 100%;
} }
......
resources/lang/de/sidebar.php
+ 2
− 2
View file @ b2f4e875
...@@ -15,13 +15,13 @@ return [ ...@@ -15,13 +15,13 @@ return [
'nav14' => 'TOR-Hidden-Service', 'nav14' => 'TOR-Hidden-Service',
'nav15' => 'Dienste', 'nav15' => 'Dienste',
'nav16' => 'Fördern', 'nav16' => 'Fördern',
'nav17' => 'Einkaufen bei MetaGer-Fördershops', 'nav17' => 'MetaGer-Fördershops',
'nav18' => 'Kontakt', 'nav18' => 'Kontakt',
'nav19' => 'Sprache', 'nav19' => 'Sprache',
'nav20' => 'Hilfe', 'nav20' => 'Hilfe',
'nav21' => 'FAQ', 'nav21' => 'FAQ',
'nav22' => 'Zitatsuche', 'nav22' => 'Zitatsuche',
'nav23' => 'Aufnahmeantrag SUMA-EV', 'nav23' => 'Mitglied werden',
'nav24' => 'MetaGer Quellcode', 'nav24' => 'MetaGer Quellcode',
'nav25' => 'MetaGer App', 'nav25' => 'MetaGer App',
'nav26' => 'MetaGer-Fanshop', 'nav26' => 'MetaGer-Fanshop',
......
resources/views/parts/sidebar.blade.php
+ 63
− 70
View file @ b2f4e875
...@@ -4,20 +4,76 @@ ...@@ -4,20 +4,76 @@
<p>MetaGer</p> <p>MetaGer</p>
</a> </a>
<ul class="sidebar-list"> <ul class="sidebar-list">
<li @if ( !isset($navbarFocus) || $navbarFocus === 'suche') class="active" @endif > <li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" tabindex="200" id="navigationSuche"> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" tabindex="200" id="navigationSuche">
<i class="fa fa-search" aria-hidden="true"></i> <i class="fa fa-search" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav1') }}</span> <span>{{ trans('sidebar.nav1') }}</span>
</a> </a>
</li> </li>
<li @if (isset($navbarFocus) && $navbarFocus === 'dienste') class="metager-dropdown active" @else class="metager-dropdown" @endif > <hr>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/datenschutz/") }}" id="navigationPrivacy" tabindex="215">
<i class="fa fa-user-secret" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav3') }}</span>
</a>
</li>
<hr>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/") }}" tabindex="217">
<i class="fa fa-info" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav20') }}</span>
</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq/") }}" tabindex="218">
<i class="fa fa-question" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav21') }}</span>
</a>
</li>
<hr>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/spende/") }}" tabindex="202">
<i class="fa fa-money" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav2') }}</span>
</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/beitritt/") }}" tabindex="203">
<i class="fa fa-users" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav23') }}</span>
</a>
</li>
<hr>
<li class="metager-dropdown">
<input id="contactToggle" class="sidebarCheckbox" type="checkbox">
<label for="contactToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" id="navigationKontakt" tabindex="219">
<i class="fa fa-comments-o" aria-hidden="true"></i>
<span>{{ trans('sidebar.nav18') }}</span>
<span class="caret"></span>
</label>
<ul class="metager-dropdown-content">
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/kontakt/") }}" tabindex="221">{{ trans('sidebar.nav5') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/team/") }}" tabindex="222">{{ trans('sidebar.nav6') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/about/") }}" tabindex="223">{{ trans('sidebar.nav7') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/impressum/") }}" tabindex="224">{{ trans('sidebar.nav8') }}</a>
</li>
</ul>
</li>
<li class="metager-dropdown">
<input id="servicesToggle" class="sidebarCheckbox" type="checkbox"> <input id="servicesToggle" class="sidebarCheckbox" type="checkbox">
<label for="servicesToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" tabindex="225"> <label for="servicesToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" tabindex="225">
<i class="fa fa-wrench" aria-hidden="true"></i> <i class="fa fa-wrench" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav15') }}</span> <span>{{ trans('sidebar.nav15') }}</span>
<span class="caret"></span> <span class="caret"></span>
</label> </label>
<ul class="metager-dropdown-menu"> <ul class="metager-dropdown-content">
<li> <li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="226">{{ trans('sidebar.nav10') }}</a> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="226">{{ trans('sidebar.nav10') }}</a>
</li> </li>
...@@ -42,44 +98,6 @@ ...@@ -42,44 +98,6 @@
<li> <li>
<a class="outlink" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/tor/") }}" tabindex="234">{{ trans('sidebar.nav14') }}</a> <a class="outlink" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/tor/") }}" tabindex="234">{{ trans('sidebar.nav14') }}</a>
</li> </li>
</ul>
</li>
<li @if (isset($navbarFocus) && $navbarFocus === 'datenschutz') class="active" @endif >
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/datenschutz/") }}" id="navigationPrivacy" tabindex="215">
<i class="fa fa-user-secret" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav3') }}</span>
</a>
</li>
<li @if (isset($navbarFocus) && $navbarFocus === 'hilfe') class="metager-dropdown active" @else class="metager-dropdown" @endif >
<input id="helpToggle" class="sidebarCheckbox" type="checkbox">
<label for="helpToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" id="navigationHilfe" tabindex="216">
<i class="fa fa-info-circle" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav20') }}</span>
<span class="caret"></span>
</label>
<ul class="metager-dropdown-menu">
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/") }}" tabindex="217">{{ trans('sidebar.nav20') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq/") }}" tabindex="218">{{ trans('sidebar.nav21') }}</a>
</li>
</ul>
</li>
<li @if (isset($navbarFocus) && $navbarFocus === 'foerdern') class="metager-dropdown active" @else class="metager-dropdown" @endif >
<input id="donationToggle" class="sidebarCheckbox" type="checkbox">
<label for="donationToggle" class="metager-dropdown-toggle navigation-element" tabindex="201">
<i class="fa fa-money" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav16') }}</span>
<span class="caret"></span>
</label>
<ul class="metager-dropdown-menu">
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/spende/") }}" tabindex="202">{{ trans('sidebar.nav2') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/beitritt/") }}" tabindex="203">{{ trans('sidebar.nav23') }}</a>
</li>
@if(LaravelLocalization::getCurrentLocale() == "de") @if(LaravelLocalization::getCurrentLocale() == "de")
<li> <li>
<a class="outlink" href="https://shop.spreadshirt.de/metager/" rel="noopener" target="_blank">{{ trans('sidebar.nav26') }}</a> <a class="outlink" href="https://shop.spreadshirt.de/metager/" rel="noopener" target="_blank">{{ trans('sidebar.nav26') }}</a>
...@@ -90,39 +108,14 @@ ...@@ -90,39 +108,14 @@
</li> </li>
</ul> </ul>
</li> </li>
<li @if (isset($navbarFocus) && $navbarFocus === 'kontakt') class="metager-dropdown active" @else class="metager-dropdown" @endif >
<input id="contactToggle" class="sidebarCheckbox" type="checkbox">
<label for="contactToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" id="navigationKontakt" tabindex="219">
<i class="fa fa-comments-o" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav18') }}</span>
<span class="caret"></span>
</label>
<ul class="metager-dropdown-menu">
<li>
<a class="outlink" href="http://forum.suma-ev.de/" tabindex="220">{{ trans('sidebar.nav4') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/kontakt/") }}" tabindex="221">{{ trans('sidebar.nav5') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/team/") }}" tabindex="222">{{ trans('sidebar.nav6') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/about/") }}" tabindex="223">{{ trans('sidebar.nav7') }}</a>
</li>
<li>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/impressum/") }}" tabindex="224">{{ trans('sidebar.nav8') }}</a>
</li>
</ul>
</li>
<li class="metager-dropdown"> <li class="metager-dropdown">
<input id="languagesToggle" class="sidebarCheckbox" type="checkbox"> <input id="languagesToggle" class="sidebarCheckbox" type="checkbox">
<label for="languagesToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" id="navigationSprache" tabindex="235"> <label for="languagesToggle" class="metager-dropdown-toggle navigation-element" aria-haspopup="true" id="navigationSprache" tabindex="235">
<i class="fa fa-globe" aria-hidden="true"></i> <i class="fa fa-globe" aria-hidden="true"></i>
<span>&nbsp;{{ trans('sidebar.nav19') }} ({{ LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'] }})</span> <span>{{ trans('sidebar.nav19') }} ({{ LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'] }})</span>
<span class="caret"></span> <span class="caret"></span>
</label> </label>
<ul class="metager-dropdown-menu"> <ul class="metager-dropdown-content">
@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties) @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
<li> <li>
<a rel="alternate" hreflang="{{$localeCode}}" href="{{LaravelLocalization::getLocalizedURL($localeCode) }}" tabindex="{{235 + $loop->index}}">{{{ $properties['native'] }}}</a> <a rel="alternate" hreflang="{{$localeCode}}" href="{{LaravelLocalization::getLocalizedURL($localeCode) }}" tabindex="{{235 + $loop->index}}">{{{ $properties['native'] }}}</a>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment