From e505dc7d7605913deec94b4c0c5fac121eb831b3 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Thu, 26 Jan 2023 13:33:57 +0200
Subject: [PATCH] Issue #3334525 by Wongjn, Gauravvv: Views UI filter form
arrow positioned incorrectly in Claro
---
core/themes/claro/css/components/views-ui.css | 4 ++--
core/themes/claro/css/components/views-ui.pcss.css | 4 ++--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/core/themes/claro/css/components/views-ui.css b/core/themes/claro/css/components/views-ui.css
index 9f4df4350703..e3e3e4a57780 100644
--- a/core/themes/claro/css/components/views-ui.css
+++ b/core/themes/claro/css/components/views-ui.css
@@ -636,7 +636,7 @@ details.fieldset-no-legend {
position: absolute;
z-index: 1;
top: 3.8rem;
- left: calc(0 - var(--space-m)); /* LTR */
+ left: calc(var(--space-m) * -1); /* LTR */
padding: 0 0.3rem 0.3rem 0.4rem; /* LTR */
content: ">";
color: var(--color-gray-600);
@@ -648,7 +648,7 @@ details.fieldset-no-legend {
}
[dir="rtl"] .views-config-group-region .views-group-box--value > .form-item::after {
- right: calc(0 - var(--space-m));
+ right: calc(var(--space-m) * -1);
left: auto;
padding-right: 0.4rem;
padding-left: 0.3rem;
diff --git a/core/themes/claro/css/components/views-ui.pcss.css b/core/themes/claro/css/components/views-ui.pcss.css
index 35d05ecf141d..475a1898e4fa 100644
--- a/core/themes/claro/css/components/views-ui.pcss.css
+++ b/core/themes/claro/css/components/views-ui.pcss.css
@@ -558,7 +558,7 @@ details.fieldset-no-legend {
position: absolute;
z-index: 1;
top: 3.8rem;
- left: calc(0 - var(--space-m)); /* LTR */
+ left: calc(var(--space-m) * -1); /* LTR */
padding: 0 0.3rem 0.3rem 0.4rem; /* LTR */
content: ">";
color: var(--color-gray-600);
@@ -570,7 +570,7 @@ details.fieldset-no-legend {
}
[dir="rtl"] .views-config-group-region .views-group-box--value > .form-item::after {
- right: calc(0 - var(--space-m));
+ right: calc(var(--space-m) * -1);
left: auto;
padding-right: 0.4rem;
padding-left: 0.3rem;
--
GitLab