From: fabrixxm <fabrix.xm@gmail.com>
Date: Sat, 22 Apr 2017 18:34:52 +0000 (+0200)
Subject: Frio: Fix aside in mobile view
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=5b731a60aeff2d575bcd5c377b46179918538671;p=friendica.git

Frio: Fix aside in mobile view

Aside is fixed to cover page, without the need to scroll back top to see it.
---

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 3879605276..9e0fafad1b 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -100,6 +100,20 @@ code {
 }
 .help-content-wrapper code {display: inline}
 
+/**
+ * mobile aside
+ */
+@media screen and (max-width: 990px) {
+    aside{
+        position: fixed!important;
+        top: 0!important;
+        background-color: #fff;
+        width: 100%;
+        height: 100%;
+        padding-top: 100px;
+        z-index: 10;
+    }
+}
 /*
 * standard page elements
 */