public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[CAL-812] Button group focus/hover state (#6854) 

Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
pull/6991/head^2
GitStart-Cal.com 2023-02-10 03:39:09 +05:45 committed by GitHub
parent 42dcd4a2a9
commit d341ea5111
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/pages/event-types/index.tsx
View File

@ -386,15 +386,13 @@ export const EventTypeList = ({ group, groupIndex, readOnly, types }: EventTypeL
/> />
</Tooltip> </Tooltip>
<Dropdown modal={false}> <Dropdown modal={false}>
<DropdownMenuTrigger <DropdownMenuTrigger asChild data-testid={"event-type-options-" + type.id}>
asChild
data-testid={"event-type-options-" + type.id}
className="radix-state-open:rounded-r-md">
<Button <Button
type="button" type="button"
variant="icon" variant="icon"
color="secondary" color="secondary"
StartIcon={FiMoreHorizontal} StartIcon={FiMoreHorizontal}
className="ltr:radix-state-open:rounded-r-md rtl:radix-state-open:rounded-l-md"
/> />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent> <DropdownMenuContent>

2
packages/ui/components/buttonGroup/ButtonGroup.tsx
View File

@ -21,7 +21,7 @@ export function ButtonGroup({ children, combined = false, containerProps }: Prop
"flex", "flex",
!combined !combined
? "space-x-2 rtl:space-x-reverse" ? "space-x-2 rtl:space-x-reverse"
: "ltr:[&>*:first-child]:rounded-l-md ltr:[&>*:first-child]:border-l rtl:[&>*:first-child]:rounded-r-md rtl:[&>*:first-child]:border-r ltr:[&>*:last-child]:rounded-r-md rtl:[&>*:last-child]:rounded-l-md [&_button]:rounded-none [&_button]:ltr:border-l-0 rtl:[&_button]:border-r-0 [&_a]:rounded-none ltr:[&_a]:border-l-0 rtl:[&_a]:border-r-0", : "ltr:[&>*:first-child]:ml-0 ltr:[&>*:first-child]:rounded-l-md ltr:[&>*:first-child]:border-l rtl:[&>*:first-child]:rounded-r-md rtl:[&>*:first-child]:border-r ltr:[&>*:last-child]:rounded-r-md rtl:[&>*:last-child]:rounded-l-md [&_button]:rounded-none [&_a]:rounded-none [&>a]:-ml-[1px] hover:[&>a]:z-[1] [&>button]:-ml-[1px] hover:[&>button]:z-[1]",
containerProps?.className containerProps?.className
)}> )}>
{children} {children}