From f1374bb6428530f0f42dc8a8ceb746b0621ea1d8 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Thu, 17 Nov 2022 13:55:16 +0100
Subject: [PATCH] toc sidebar desktop
---
assets/js/theme/design-system/toc.js | 4 ++--
assets/sass/_theme/_configuration.sass | 2 +-
assets/sass/_theme/design-system/nav.sass | 6 +++++-
assets/sass/_theme/design-system/table_of_content.sass | 4 ++--
4 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/assets/js/theme/design-system/toc.js b/assets/js/theme/design-system/toc.js
index 8db1de72..6ac08a90 100644
--- a/assets/js/theme/design-system/toc.js
+++ b/assets/js/theme/design-system/toc.js
@@ -1,7 +1,7 @@
const CLASSES = {
// TODO : refacto classnames et modifier le nom de la class pour "is-overlay-visible"
- menusOpened: 'has-menu-opened',
+ offcanvasOpened: 'has-offcanvas-opened',
};
class TableOfContent {
@@ -34,7 +34,7 @@ class TableOfContent {
const classAction = this.state.opened ? 'add' : 'remove';
this.element.classList[classAction]('is-opened');
- document.documentElement.classList[classAction](CLASSES.menusOpened);
+ document.documentElement.classList[classAction](CLASSES.offcanvasOpened);
}
update() {
// WIP
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 35d5f44d..b622dece 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -84,7 +84,7 @@ $zindex-nav-accessibility: 1010 !default
$zindex-stretched-link: 2 !default
$zindex-header: 52 !default
$zindex-body-overlay: 51 !default
-$zindex-toc: 53 !default
+$zindex-toc: 60 !default
$zindex-toc-cta: 49 !default
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index ff363170..893ef4a8 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -154,11 +154,15 @@ body
transition: opacity $header-transition
z-index: $zindex-body-overlay
- html.has-menu-opened &
+ html.has-menu-opened &,
+ html.has-offcanvas-opened &
&::after
display: block
opacity: 1
pointer-events: inherit
+ html.has-offcanvas-opened &
+ &::after
+ z-index: $zindex-header + 1
html.is-animating:not(.has-menu-opened) &
&::after
diff --git a/assets/sass/_theme/design-system/table_of_content.sass b/assets/sass/_theme/design-system/table_of_content.sass
index 3890d53b..f290cc93 100644
--- a/assets/sass/_theme/design-system/table_of_content.sass
+++ b/assets/sass/_theme/design-system/table_of_content.sass
@@ -69,8 +69,8 @@
@include sticky($spacing1)
margin-bottom: $spacing1
pointer-events: auto
- button
- display: none
+ button
+ display: none
.toc
ol
--
GitLab