asidenav-cleanup and show-hide-classes

This commit is contained in:
Felix Hamann 2018-07-08 20:29:36 +02:00
parent 506f704363
commit 61404a4c0c
3 changed files with 4 additions and 13 deletions

View File

@ -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

View File

@ -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}>

View File

@ -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);