From: Tobias Diekershoff <tobias.diekershoff@gmx.net>
Date: Wed, 17 May 2017 09:27:37 +0000 (+0200)
Subject: Merge pull request #3472 from rabuzarus/feature/frio/fixedaside2
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=fd5d058156185c6c02c1285a794139d07f4d13ce;p=friendica.git

Merge pull request #3472 from rabuzarus/feature/frio/fixedaside2

Frio: better UX for aside bar
---

fd5d058156185c6c02c1285a794139d07f4d13ce
diff --cc view/theme/frio/css/style.css
index 01cab105bc,e787384eda..8cc8997930
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@@ -98,8 -98,38 +98,38 @@@ blockquote 
  code {
      white-space: pre-wrap;
  }
 -.help-content-wrapper code {display: inline}
 +.help-content-wrapper code, .help-aside-wrapper code {display: inline}
  
+ /**
+  * mobile aside
+  */
+ @media screen and (max-width: 990px) {
+     aside{
+         position: fixed!important;
+         top: 0!important;
+         background-color: #fff;
+         width: 100%;
+         max-width: 300px;
+         height: 100%;
+         padding-top: 100px;
+         z-index: 10;
+     }
+     aside::before {
+         content: " ";
+         position: fixed;
+         display: block;
+         top: 0; left: 300px; right: 0; bottom: 0;
+         background-color: rgba(0,0,0,0.4);
+         opacity: 0;
+         transition: opacity 0.5s;
+     }
+     aside.canvas-slid::before {
+         opacity: 1;
+     }
+ 
+     /* prevent page scroll when the aside is opened **/
+     body.aside-out { overflow: hidden; }
+ }
  /*
  * standard page elements
  */