From a3dfceb55d8e112fce610a00b277071b85ef4270 Mon Sep 17 00:00:00 2001
From: Julien Schmidt <js@stusta.net>
Date: Mon, 6 May 2019 15:16:10 +0200
Subject: [PATCH] show sidebar menu at the bottom of the page on small screens
---
content/_index.de.md | 9 ++++-----
static/css/main.css | 22 ++++++++++++++++++----
2 files changed, 22 insertions(+), 9 deletions(-)
diff --git a/content/_index.de.md b/content/_index.de.md
index 7ac6a4d..4287e05 100644
--- a/content/_index.de.md
+++ b/content/_index.de.md
@@ -28,18 +28,17 @@ Die Sprechstunden finden im Blauen Haus (Christoph-Probst-Straße 12) Zimmer 028
{{< officehours >}}
{{% /column %}}{{% column %}}
-
+{{% flex-item %}}
## Dienste
* <i class="fa fa-wifi" aria-hidden="true"></i> [WLAN]({{< ref "wifi.de.md" >}})
* <i class="fa fa-envelope" aria-hidden="true"></i> [Webmail](https://webmail.stusta.de/)
* <i class="fa fa-cloud" aria-hidden="true"></i> [StuSta Cloud](https://cloud.stusta.de/)
* <i class="fa fa-gitlab" aria-hidden="true"></i> [GitLab](https://gitlab.stusta.de/)
-
-
+{{% /flex-item %}}
+{{% flex-item %}}
## Kontakt
* <i class="fa fa-comments" aria-hidden="true"></i> [Impressum](/impressum)
* <i class="fa fa-facebook-official" aria-hidden="true"></i> [SSN bei Facebook](https://www.facebook.com/stustanet/)
* <i class="fa fa-github" aria-hidden="true"></i> [SSN bei Github](https://github.com/stustanet/)
-
-
+{{% /flex-item %}}
{{% /column %}}{{% /two-columns %}}
diff --git a/static/css/main.css b/static/css/main.css
index b9a7e70..0c21e6e 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -802,12 +802,26 @@ footer .lang-dropdown {
height: 32px;
}
- .two-columns .column:first-child {
- float: none;
- width: 100%;
+ .two-columns .column {
+ float: none !important;
+ width: 100% !important;
}
.two-columns .column:last-child {
- display: none;
+ margin-top: 2rem;
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ .two-columns .flex-item {
+ flex: 1;
+ }
+
+ .two-columns .flex-item:first-child {
+ margin-right: 1.5rem;
+ }
+
+ .two-columns .flex-item:last-child {
+ margin-left: 1.5rem;
}
}
--
GitLab