Commit 1c349962 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

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 96f47868
......@@ -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