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 38796052760e92248f0cd0430b5b4113f75e47eb..9e0fafad1b1ce96095a71696829a6e6e52ad8e33 100644 (file)
--- 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
 */