diff --git a/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css b/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css index 306cc2e1af..eedd9a2687 100644 --- a/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css +++ b/semcore/dropdown-menu/src/style/dropdown-menu.shadow.css @@ -14,16 +14,42 @@ SDropdownMenuList { &:not(&:has([data-ui-name="DropdownMenu.Group"][data-sticky="true"])) { SShadowHorizontal { - &:before, + &:before { + /* disable-tokens-validator */ + border-top-left-radius: 4.5px; + border-top-right-radius: var(--intergalactic-control-rounded, 6px); + /* disable-tokens-validator */ + border-bottom-left-radius: 4.5px; + border-bottom-right-radius: var(--intergalactic-control-rounded, 6px); + } + &:after { - border-radius: var(--intergalactic-control-rounded, 6px); + border-top-left-radius: var(--intergalactic-control-rounded, 6px); + /* disable-tokens-validator */ + border-top-right-radius: 4.5px; + border-bottom-left-radius: var(--intergalactic-control-rounded, 6px); + /* disable-tokens-validator */ + border-bottom-right-radius: 4.5px; } } SShadowVertical { - &:before, + &:before { + /* disable-tokens-validator */ + border-top-left-radius: 4.5px; + /* disable-tokens-validator */ + border-top-right-radius: 4.5px; + border-bottom-left-radius: var(--intergalactic-control-rounded, 6px); + border-bottom-right-radius: var(--intergalactic-control-rounded, 6px); + } + &:after { - border-radius: var(--intergalactic-control-rounded, 6px); + border-top-left-radius: var(--intergalactic-control-rounded, 6px); + border-top-right-radius: var(--intergalactic-control-rounded, 6px); + /* disable-tokens-validator */ + border-bottom-left-radius: 4.5px; + /* disable-tokens-validator */ + border-bottom-right-radius: 4.5px; } } }