nupplaPhil/friendica
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Frio: Enable stiky aside only on desktop-size windows.

Browse source 
"Hack" to fix the "scroll back to top" problem with
chrome-based browsers, sticky-kit and off-canvas aside
This commit is contained in:
fabrixxm 2017-04-27 08:39:35 +02:00
parent 0afc732059
commit 0ffe426ff1
2 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
view/theme/frio/css/style.css
View file

@ -126,9 +126,6 @@ code {
aside.canvas-slid::before { aside.canvas-slid::before {
opacity: 1; opacity: 1;
} }
aside + div {
display:none!important;
}
} }
/* /*

22
view/theme/frio/js/theme.js
View file

@ -317,17 +317,19 @@ $(document).ready(function(){
}); });
/* /*
* Sticky aside on page scroll * Sticky aside on page scroll, only on desktop
*/ */
$("aside").stick_in_parent({ if ($(window).width() > 976) {
offset_top: 100, // px, header + tab bar + spacing $("aside").stick_in_parent({
recalc_every: 10 offset_top: 100, // px, header + tab bar + spacing
}); recalc_every: 10
// recalculate sticky aside on clicks. });
// this handle height changes on expanding submenus // recalculate sticky aside on clicks.
$("aside").on("click", function(){ // this handle height changes on expanding submenus
$(document.body).trigger("sticky_kit:recalc"); $("aside").on("click", function(){
}); $(document.body).trigger("sticky_kit:recalc");
});
}
}); });
function openClose(theID) { function openClose(theID) {