From 3cb8578c3ff0fd9550c004c3c90532bc0f67cef2 Mon Sep 17 00:00:00 2001
From: Viola Elsenhans <elsenhans@ub.uni-leipzig.de>
Date: Tue, 28 Mar 2023 11:47:05 +0200
Subject: [PATCH] refs #23528 [finc] fix overlap with icon and record data
* change width only for xs
---
themes/finc/scss/_customVariables.scss | 1 +
.../_media-styled-based-account-icons-and-status-colors.scss | 3 +--
themes/finc/scss/components/_result-list.scss | 4 ++++
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss
index 90ffc2c4f9d..e619b6b226b 100644
--- a/themes/finc/scss/_customVariables.scss
+++ b/themes/finc/scss/_customVariables.scss
@@ -1011,6 +1011,7 @@ $result-links-saved-in-ul-a-color: $state-light-text-on-dark !default;
// Access icons
$result-list-access-icons-container-text-align: center !default;
$result-list-access-icons-container-width: 17% !default;
+$result-list-access-icons-container-width-xs: 25% !default;
$result-list-access-icon-color: $brand-primary !default;
$result-list-access-icon-text-align: center !default;
diff --git a/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss b/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss
index b0bf49f4656..f5f31e4d4df 100644
--- a/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss
+++ b/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss
@@ -21,10 +21,9 @@
}
}
- // push COVER down on SM and XS
.media-left {
@media (max-width: $screen-sm-max) {
- margin-top: 15px;
+ margin: 0;
}
}
diff --git a/themes/finc/scss/components/_result-list.scss b/themes/finc/scss/components/_result-list.scss
index 0092eb8aa7f..a954910a487 100644
--- a/themes/finc/scss/components/_result-list.scss
+++ b/themes/finc/scss/components/_result-list.scss
@@ -136,6 +136,10 @@
text-align: $result-list-access-icons-container-text-align;
width: $result-list-access-icons-container-width;
+ @media (max-width: $screen-xs-max) {
+ width: $result-list-access-icons-container-width-xs;
+ }
+
//// remove left padding for print
@media print {
padding-left: 0;
--
GitLab