From: rabuzarus Date: Tue, 16 May 2017 15:31:06 +0000 (+0200) Subject: Merge pull request #3380 from fabrixxm/feature/frio/fixedaside2 X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=4a473611163a12b48d3bbad71dc54765be8789f9;p=friendica.git Merge pull request #3380 from fabrixxm/feature/frio/fixedaside2 Frio: better UX for aside bar --- 4a473611163a12b48d3bbad71dc54765be8789f9 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 */