From bffe96901e132b5032621b3c18f873cebb755201 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Fri, 14 Feb 2025 23:35:35 +0900
Subject: [PATCH] Issue #3471459 by nayana_mvr, ahsannazir, marc.bau, bnjmnm,
larowlan: Prefix/Suffix not inline with autocomplete field
---
core/themes/claro/css/components/tables.css | 15 +++++++++++++++
core/themes/claro/css/components/tables.pcss.css | 15 +++++++++++++++
2 files changed, 30 insertions(+)
diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index 1c9cea6f6daf..2006d33a0809 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -175,6 +175,21 @@ td.is-active {
* This ignores the filter format select of the textarea editor.
*/
+td > .form-item {
+ display: flex;
+ align-items: center;
+}
+
+td > .form-item > .form-item__prefix {
+ margin-inline-end: var(--space-xs);
+ white-space: nowrap;
+}
+
+td > .form-item > .form-item__suffix {
+ margin-inline-start: var(--space-xs);
+ white-space: nowrap;
+}
+
td > .form-item > .form-element,
td > .ajax-new-content > .form-item > .form-element,
td > .form-item > .claro-autocomplete,
diff --git a/core/themes/claro/css/components/tables.pcss.css b/core/themes/claro/css/components/tables.pcss.css
index 14a0388054a6..5b65de4cef26 100644
--- a/core/themes/claro/css/components/tables.pcss.css
+++ b/core/themes/claro/css/components/tables.pcss.css
@@ -153,6 +153,21 @@ td {
* This ignores the filter format select of the textarea editor.
*/
td {
+ & > .form-item {
+ display: flex;
+ align-items: center;
+ }
+
+ & > .form-item > .form-item__prefix {
+ margin-inline-end: var(--space-xs);
+ white-space: nowrap;
+ }
+
+ & > .form-item > .form-item__suffix {
+ margin-inline-start: var(--space-xs);
+ white-space: nowrap;
+ }
+
& > .form-item > .form-element,
& > .ajax-new-content > .form-item > .form-element,
& > .form-item > .claro-autocomplete,
--
GitLab