From 12fd7f30f120dd784f1c406450c363ba1706510a Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 26 Jan 2019 12:07:49 +0100
Subject: [PATCH] make breadcrumbs responsive again and always show sidebar

---
 templates/default-layout.lucius      | 18 +++++-------------
 templates/widgets/asidenav.lucius    |  8 --------
 templates/widgets/breadcrumbs.lucius | 14 +++++++++++++-
 3 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index b769d9a90..08c29a53a 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -175,9 +175,8 @@ h4 {
   position: relative;
   background-color: white;
   transition: padding-left .2s ease-out;
-  max-width: 1200px;
-  margin: 0 auto;
   margin-top: var(--header-height-collapsed);
+  margin-left: 0;
 
   > .container {
     margin: 20px 0;
@@ -196,15 +195,8 @@ h4 {
   }
 }
 
-.logged-in {
-  .main__content {
-    max-width: none;
-    margin-left: 0;
-  }
-}
-
-@media (min-width: 425px) {
-  .logged-in:not(.modal) {
+@media (min-width: 426px) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-md, 50px);
     }
@@ -212,7 +204,7 @@ h4 {
 }
 
 @media (min-width: 769px) {
-  .logged-in:not(.modal) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-lg, 20%);
       margin-top: var(--header-height);
@@ -221,7 +213,7 @@ h4 {
 }
 
 @media (min-width: 1200px) {
-  .logged-in:not(.modal) {
+  :not(.modal) {
     .main__content {
       margin-left: var(--asidenav-width-xl, 250px);
     }
diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius
index f9682a300..188d143f3 100644
--- a/templates/widgets/asidenav.lucius
+++ b/templates/widgets/asidenav.lucius
@@ -1,6 +1,5 @@
 .main__aside {
   position: fixed;
-  display: none;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   z-index: 1;
   top: 0;
@@ -35,13 +34,6 @@
   }
 }
 
-.logged-in {
-  .main__aside {
-    display: block;
-    min-height: calc(100% - var(--header-height-collapsed));
-  }
-}
-
 @media (max-width: 425px) {
 
   .main__aside {
diff --git a/templates/widgets/breadcrumbs.lucius b/templates/widgets/breadcrumbs.lucius
index de82ec0d7..ca5dfd56c 100644
--- a/templates/widgets/breadcrumbs.lucius
+++ b/templates/widgets/breadcrumbs.lucius
@@ -1,11 +1,23 @@
 .breadcrumbs__container {
   position: relative;
   color: var(--color-lightwhite);
-  padding: 4px 40px;
+  padding: 4px 13px;
   background-color: var(--color-dark);
   line-height: 30px;
 }
 
+@media (min-width: 426px) {
+  .breadcrumbs__container {
+    padding: 7px 20px;
+  }
+}
+
+@media (min-width: 769px) {
+  .breadcrumbs__container {
+    padding: 7px 40px;
+  }
+}
+
 .breadcrumbs__link {
   color: var(--color-lightwhite);