From 8a7ea3a9d1046a7b554a5dc0312796f26b67c473 Mon Sep 17 00:00:00 2001
From: Jo Spelbrink <62528-joville@users.noreply.drupalcode.org>
Date: Wed, 9 Apr 2025 14:18:47 +0000
Subject: [PATCH] Fix open state arrow in dropdown
---
core/themes/olivero/css/components/dropbutton.css | 2 +-
core/themes/olivero/css/components/dropbutton.pcss.css | 4 +++-
2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/core/themes/olivero/css/components/dropbutton.css b/core/themes/olivero/css/components/dropbutton.css
index 3ebcc55b7821..d4afa973261b 100644
--- a/core/themes/olivero/css/components/dropbutton.css
+++ b/core/themes/olivero/css/components/dropbutton.css
@@ -85,7 +85,7 @@
border-bottom: solid 2px var(--dropbutton--outline-color);
}
-.dropbutton-wrapper.open :is(.dropbutton-toggle button::before) {
+.dropbutton-wrapper.open :is(.dropbutton-toggle button)::before {
transform: translateY(25%) rotate(225deg);
}
diff --git a/core/themes/olivero/css/components/dropbutton.pcss.css b/core/themes/olivero/css/components/dropbutton.pcss.css
index 0a30685ea12c..606437cf9905 100644
--- a/core/themes/olivero/css/components/dropbutton.pcss.css
+++ b/core/themes/olivero/css/components/dropbutton.pcss.css
@@ -74,8 +74,10 @@
transform: translateY(-25%) rotate(45deg);
border-right: solid 2px var(--dropbutton--outline-color);
border-bottom: solid 2px var(--dropbutton--outline-color);
+ }
- @nest .dropbutton-wrapper.open & {
+ @nest .dropbutton-wrapper.open & {
+ &::before {
transform: translateY(25%) rotate(225deg);
}
}
--
GitLab