asidenav-cleanup and show-hide-classes
This commit is contained in:
parent
506f704363
commit
61404a4c0c
@ -8,10 +8,10 @@
|
||||
Der Handler sollte jeweils aktuelle Beispiele für alle möglichen Funktionalitäten enthalten, so dass man immer weiß, wo man nachschlagen kann.
|
||||
|
||||
|
||||
<div .container>
|
||||
<div .container.js-show-hide>
|
||||
<h2 .js-show-hide__toggle>Teilweise funktionierende Abschnitte
|
||||
|
||||
<ul>
|
||||
<ul .js-show-hide__target>
|
||||
<li .list-group-item>
|
||||
<a href=@{UsersR}>Benutzer Verwaltung
|
||||
|
||||
|
||||
@ -2,14 +2,14 @@ $newline never
|
||||
<aside .main__aside>
|
||||
<div .asidenav>
|
||||
$forall tid@TermIdentifier{..} <- favouriteTerms
|
||||
<div .asidenav__box>
|
||||
<div .asidenav__box.js-show-hide>
|
||||
<h3 .asidenav__box-title.js-show-hide__toggle data-sh-index="#{display season}-#{year}">
|
||||
$case season
|
||||
$of Winter
|
||||
_{MsgWinterTermShort year}
|
||||
$of Summer
|
||||
_{MsgSummerTermShort year}
|
||||
<ul .asidenav__list>
|
||||
<ul .asidenav__list.js-show-hide__target>
|
||||
$forall (Course{..}, courseRoute, pageActions) <- favouriteTerm tid
|
||||
<li .asidenav__list-item :highlight courseRoute:.asidenav__list-item--active>
|
||||
<a .asidenav__link-wrapper href=@{courseRoute}>
|
||||
|
||||
@ -19,15 +19,6 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
var asidenavEl = document.querySelector('.main__aside');
|
||||
var mainEl = document.querySelector('.main__content');
|
||||
|
||||
asidenavEl.style.height = `${mainEl.clientHeight + 75}px`;
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
window.requestAnimationFrame(function() {
|
||||
asidenavEl.style.height = `${mainEl.clientHeight + 75}px`;
|
||||
});
|
||||
});
|
||||
|
||||
window.utils.aside(asidenavEl);
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user