rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix workspace menu item overflow

Browse Source
This commit is contained in:
Aman Harwara
2023-05-22 20:03:27 +05:30
parent 767d856293
commit 7f05b2a748
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
View File

@@ -55,18 +55,14 @@ const WorkspaceMenuItem: FunctionComponent<Props> = ({
return ( return (
<div className="relative"> <div className="relative">
<MenuRadioButtonItem <MenuRadioButtonItem className="overflow-hidden" onClick={onClick} checked={descriptor.primary}>
className="flex w-full cursor-pointer items-center border-0 bg-transparent px-3 py-2 text-left text-mobile-menu-item text-text hover:bg-contrast hover:text-foreground focus:bg-info-backdrop focus:shadow-none md:text-tablet-menu-item lg:text-menu-item" <div className="ml-2 flex w-full items-center justify-between gap-3 overflow-hidden">
onClick={onClick} {!isRenaming && <div className="overflow-hidden text-ellipsis">{descriptor.label}</div>}
checked={descriptor.primary}
>
<div className="ml-2 flex w-full items-center justify-between">
{!isRenaming && <div>{descriptor.label}</div>}
{descriptor.primary && !hideOptions && ( {descriptor.primary && !hideOptions && (
<div className="flex items-center"> <div className="flex items-center gap-3">
<a <a
role="button" role="button"
className="mr-3 flex h-5 w-5 cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:bg-contrast" className="flex h-5 w-5 cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:bg-contrast"
onClick={(e) => { onClick={(e) => {
e.stopPropagation() e.stopPropagation()
setIsRenaming((isRenaming) => !isRenaming) setIsRenaming((isRenaming) => !isRenaming)