From 8d1165f39d35d9678b4e77bd5190b580860bfa1a Mon Sep 17 00:00:00 2001
From: Viola Elsenhans <elsenhans@ub.uni-leipzig.de>
Date: Tue, 11 Apr 2023 13:19:38 +0200
Subject: [PATCH] refs #22980 [finc] use break-word and use improve sidebar for
sm and md devices
---
themes/finc/scss/_customVariables.scss | 2 +-
.../activate-on-demand/_sidebar-filter-hide-checkbox.scss | 6 +++---
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss
index 73eaa990f36..f2291f87e9f 100644
--- a/themes/finc/scss/_customVariables.scss
+++ b/themes/finc/scss/_customVariables.scss
@@ -1205,7 +1205,7 @@ $sidebar-item-active-hover-bg: transparentize($brand-primary, .1) !default;
$narrow-toggle-text-alignment: left !default;
-$sidebar-facet-word-break: break-all !default;
+$sidebar-facet-word-break: break-word !default;
$sidebar-facet-word-break-sm: initial !default;
$sidebar-facet-link-text-decoration: none !default;
diff --git a/themes/finc/scss/activate-on-demand/_sidebar-filter-hide-checkbox.scss b/themes/finc/scss/activate-on-demand/_sidebar-filter-hide-checkbox.scss
index a93bc985175..78fc37d7a90 100644
--- a/themes/finc/scss/activate-on-demand/_sidebar-filter-hide-checkbox.scss
+++ b/themes/finc/scss/activate-on-demand/_sidebar-filter-hide-checkbox.scss
@@ -10,13 +10,13 @@
&.active {
.text {
// reduce padding for active filters on tablet devices #22377
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
padding-left: $sidebar-facet-active-text-inside-padding-left-sm;
}
}
}
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
// cut text in sidebar for tablet devices #22377
.text {
overflow: hidden;
@@ -39,7 +39,7 @@
.help-link,
.facet a:not(.exclude):not(:last-of-type) {
// reduce padding for small devices #22377
- @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+ @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
padding: $sidebar-item-padding-sm;
}
}
--
GitLab