Commit dde55fe4 authored by Karl Hasselbring's avatar Karl Hasselbring

Die Sidebar sieht jetzt auch auf der Ergebnisseite passend aus. Die Sidebar...

Die Sidebar sieht jetzt auch auf der Ergebnisseite passend aus. Die Sidebar sieht jetzt auch auf Mobilgeräten passend aus
parent c62abc17
......@@ -407,7 +407,7 @@ a {
#research-bar-container {
margin-left: (@results-margin-left - @padding-small-default);
position: fixed;
z-index: 100;
z-index: 5;
top: 0;
left: 0;
background-color: @resultpage-background-color;
......
......@@ -17,40 +17,42 @@
background-color: white;
transition: 0.5s;
border-left: none;
&>ul {
padding-top: 20px;
.sidebar-logo {
margin-bottom: 20px;
}
.sidebar-list {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.sidebar-list>li {
width: 100%;
padding: 10px 0px;
&:hover {
background-color: @color-almost-white;
}
&>label,
&>a {
&:focus {
outline: none;
}
&>i.fa {
width: 30px;
text-align: center;
margin-right: 7px;
}
}
&>label {
font-size: 16px;
font-weight: normal;
text-decoration: none;
text-indent: 12px;
color: black;
line-height: 20px;
display: inline-block;
&>li {
width: 100%;
padding: 10px 0px;
&:hover {
color: red;
background-color: @color-almost-white;
}
&>label,
&>a {
&:focus {
outline: none;
}
&>i.fa {
width: 30px;
text-align: center;
margin-right: 7px;
}
}
&>label {
font-size: 16px;
font-weight: normal;
text-decoration: none;
text-indent: 12px;
color: black;
line-height: 20px;
display: inline-block;
width: 100%;
&:hover {
color: red;
}
}
}
}
......@@ -162,7 +164,7 @@ input#sidebarToggle:checked {
line-height: 23px;
border-radius: 5px;
color: grey;
background-color: transparent;
background-color: white;
&:after {
content: "≡";
}
......@@ -171,17 +173,30 @@ input#sidebarToggle:checked {
}
}
.sidebar-opener-placeholder {
display: none;
width: 45px;
}
@media (max-width: @screen-xs-max) {
.sidebar {
right: -90%;
width: 90%;
overflow: auto;
.sidebar-list {
max-height: 1000px;
.sidebar-logo {
display: none;
}
.sidebar {
right: -90%;
width: 90%;
overflow: auto;
.sidebar-list {
max-height: 1000px;
}
}
ul.metager-dropdown-content {
position: inherit;
width: 100%;
}
}
ul.metager-dropdown-content {
position: inherit;
width: 100%;
.sidebar-opener-placeholder {
display: initial;
}
}
\ No newline at end of file
......@@ -12,12 +12,11 @@
<div id="header-searchbar">
@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
</div>
@include('parts.sidebar-opener')
<div class="sidebar-opener-placeholder"></div>
</div>
</div>
<div id="research-bar-placeholder">
</div>
@include('parts.sidebar-opener', ['class' => 'fixed'])
<div id="foki">
<div class="scrollbox">
<div class="foki-scrollfade-left"></div>
......
......@@ -26,6 +26,7 @@
</div>
@endif
@include('parts.sidebar', ['id' => 'resultPageSideBar'])
@include('parts.sidebar-opener', ['class' => 'fixed'])
@if( !isset($suspendheader) )
@include('modals.create-focus-modal')
@include('layouts.researchandtabs')
......
<input id="sidebarToggle" class="hidden" type="checkbox">
<div class="sidebar">
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<a class="sidebar-logo" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<p>MetaGer</p>
</a>
<ul class="sidebar-list">
......
Markdown is supported
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