From 59ffbd8e801ca69b1d811f400b637d3b1207413b Mon Sep 17 00:00:00 2001 From: Lauri Eskola Date: Tue, 31 Jan 2023 13:58:24 +0200 Subject: [PATCH] Issue #3336002 by Gauravvv, nidhi27, bnjmnm: Claro: Select list chevron-down icon is showing on wrong position in RTL dir in views --- 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 e3e3e4a5778..fde6ebd1a01 100644 --- a/core/themes/claro/css/components/views-ui.css +++ b/core/themes/claro/css/components/views-ui.css @@ -106,8 +106,8 @@ details.fieldset-no-legend { } .views-ui-dialog .form-element--type-select { - padding-right: calc((var(--space-m) * 2) + var(--input-border-size) * 2); - background-position: 100% 56%; + padding-inline-end: calc(2rem - var(--input-border-size)); + background-position-y: 56%; } /** diff --git a/core/themes/claro/css/components/views-ui.pcss.css b/core/themes/claro/css/components/views-ui.pcss.css index 475a1898e4f..62c3c2ee311 100644 --- a/core/themes/claro/css/components/views-ui.pcss.css +++ b/core/themes/claro/css/components/views-ui.pcss.css @@ -90,8 +90,8 @@ details.fieldset-no-legend { line-height: var(--input-line-height--small); } .views-ui-dialog .form-element--type-select { - padding-right: calc((var(--space-m) * 2) + var(--input-border-size) * 2); - background-position: 100% 56%; + padding-inline-end: calc(2rem - var(--input-border-size)); + background-position-y: 56%; } /** * Elements must communicate width to table rendering.