Naming, removing unused code.

This commit is contained in:
barnabasmolnar 2023-07-21 14:30:18 +02:00
parent 8f8b6e7144
commit bf0b2965e6
6 changed files with 11 additions and 23 deletions

View file

@ -6,8 +6,7 @@
}
.dropdown-menu {
// position: absolute;
max-width: 250px;
max-width: 16rem;
&__submenu-trigger {
&[aria-expanded="true"] {
@ -22,24 +21,13 @@
opacity: 0.5;
}
.radix-menuitem {
.radix-menu-item {
&:focus-visible {
outline: none;
}
}
&--mobile {
max-width: none;
// bottom: 55px;
// top: auto;
// left: 0;
// // TODO barnabasmolnar/mainmenu-radix
// // double check rendering/styling on mobile
// // width: 100%;
// display: flex;
// flex-direction: column;
// row-gap: 0.75rem;
.dropdown-menu-container {
padding: 8px 8px;
box-sizing: border-box;

View file

@ -23,7 +23,7 @@ const DropdownMenuItem = ({
const handleClick = useHandleDropdownMenuItemClick(rest.onClick, onSelect);
return (
<DropdownMenuPrimitive.Item className="radix-menuitem">
<DropdownMenuPrimitive.Item className="radix-menu-item">
<button
{...rest}
onClick={handleClick}

View file

@ -23,7 +23,7 @@ const DropdownMenuSubItem = ({
const handleClick = useHandleDropdownMenuItemClick(rest.onClick, onSelect);
return (
<DropdownMenuPrimitive.Item className="radix-menuitem">
<DropdownMenuPrimitive.Item className="radix-menu-item">
<button
{...rest}
onClick={handleClick}

View file

@ -15,7 +15,7 @@ const DropdownMenuSubTrigger = ({
className?: string;
} & React.HTMLAttributes<HTMLDivElement>) => {
return (
<DropdownMenuPrimitive.SubTrigger className="radix-menuitem dropdown-menu__submenu-trigger">
<DropdownMenuPrimitive.SubTrigger className="radix-menu-item dropdown-menu__submenu-trigger">
<div
{...rest}
className={getDropdownMenuItemClassName(className)}