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.
|
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
|
<h2 .js-show-hide__toggle>Teilweise funktionierende Abschnitte
|
||||||
|
|
||||||
<ul>
|
<ul .js-show-hide__target>
|
||||||
<li .list-group-item>
|
<li .list-group-item>
|
||||||
<a href=@{UsersR}>Benutzer Verwaltung
|
<a href=@{UsersR}>Benutzer Verwaltung
|
||||||
|
|
||||||
|
|||||||
@ -2,14 +2,14 @@ $newline never
|
|||||||
<aside .main__aside>
|
<aside .main__aside>
|
||||||
<div .asidenav>
|
<div .asidenav>
|
||||||
$forall tid@TermIdentifier{..} <- favouriteTerms
|
$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}">
|
<h3 .asidenav__box-title.js-show-hide__toggle data-sh-index="#{display season}-#{year}">
|
||||||
$case season
|
$case season
|
||||||
$of Winter
|
$of Winter
|
||||||
_{MsgWinterTermShort year}
|
_{MsgWinterTermShort year}
|
||||||
$of Summer
|
$of Summer
|
||||||
_{MsgSummerTermShort year}
|
_{MsgSummerTermShort year}
|
||||||
<ul .asidenav__list>
|
<ul .asidenav__list.js-show-hide__target>
|
||||||
$forall (Course{..}, courseRoute, pageActions) <- favouriteTerm tid
|
$forall (Course{..}, courseRoute, pageActions) <- favouriteTerm tid
|
||||||
<li .asidenav__list-item :highlight courseRoute:.asidenav__list-item--active>
|
<li .asidenav__list-item :highlight courseRoute:.asidenav__list-item--active>
|
||||||
<a .asidenav__link-wrapper href=@{courseRoute}>
|
<a .asidenav__link-wrapper href=@{courseRoute}>
|
||||||
|
|||||||
@ -19,15 +19,6 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|
||||||
var asidenavEl = document.querySelector('.main__aside');
|
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);
|
window.utils.aside(asidenavEl);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user