diff --git a/core/themes/olivero/css/components/dropbutton.css b/core/themes/olivero/css/components/dropbutton.css index 3ebcc55b7821d4918dde19e1fd42ffee7fed9805..d4afa973261b867675a125325f0a40a9c1557598 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 0a30685ea12cb3aaa30f02deed9876cfcfd37ecc..606437cf9905383de0109e525f1011e8b7beb3da 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); } }