From 594731b9506fb6527aac81766cfd8fc08aacb922 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet206@gmail.com>
Date: Mon, 25 Sep 2023 17:30:54 +0200
Subject: [PATCH] added class for search with toc
---
assets/js/theme/design-system/search.js | 3 +++
assets/sass/_theme/design-system/search.sass | 16 +++++++++++-----
2 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/assets/js/theme/design-system/search.js b/assets/js/theme/design-system/search.js
index 2de0815c..3ffe7bd8 100644
--- a/assets/js/theme/design-system/search.js
+++ b/assets/js/theme/design-system/search.js
@@ -15,6 +15,9 @@ class Search {
}
listen() {
+ if (document.body.querySelector(".toc-cta")) {
+ this.button.classList.add('in-page-with-toc');
+ }
this.button.addEventListener('click', () => {
this.toggle(true);
this.removedItems = this.element.querySelector('.pagefind-ui__suppressed', '.pagefind-ui__search-clear');
diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass
index 8f9c0dc0..b5a6369a 100644
--- a/assets/sass/_theme/design-system/search.sass
+++ b/assets/sass/_theme/design-system/search.sass
@@ -14,9 +14,10 @@
line-height: inherit
margin-left: px2rem(8)
@include media-breakpoint-down(md)
- border-bottom: 1px solid #adb5bd
- padding: $spacing1 0
- width: 100%
+ &:not(.pagefind-fixed)
+ border-bottom: 1px solid #adb5bd
+ padding: $spacing1 0
+ width: 100%
.search__close
@include icon-block(close, after)
position: fixed
@@ -29,7 +30,7 @@
margin-left: $spacing0
width: px2rem(15)
@include media-breakpoint-down(md)
- right: 0
+ right: $spacing1
top: half($spacing0)
#search
background: $color-background
@@ -155,4 +156,9 @@
min-width: calc(#{$spacing3} * 3)
&::after
position: absolute
- right: $spacing0
\ No newline at end of file
+ right: $spacing0
+ @include media-breakpoint-down(md)
+ left: 0
+ width: 100vw
+ &.in-page-with-toc
+ bottom: px2rem(44)
--
GitLab