Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Added a label to the SortMenu component to make it more explicit (#19171)

Browse source 
fixes ADM-21
This commit is contained in:
Sodbileg Gansukh 2023-11-29 20:12:02 +08:00 • committed by GitHub
parent 2f43f58010
commit 614574a44d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/admin-x-design-system/src/global/SortMenu.tsx
View file

@ -65,6 +65,8 @@ const SortMenu: React.FC<SortMenuProps> = ({
return ( return (
<Popover position={position} trigger={trigger}> <Popover position={position} trigger={trigger}>
<div className='flex flex-col'>
<div className='cursor-default select-none border-b border-b-grey-200 p-2 pl-3 text-sm font-semibold'>Sort by</div>
<div className="flex min-w-[160px] flex-col justify-stretch py-1" role="none"> <div className="flex min-w-[160px] flex-col justify-stretch py-1" role="none">
{localItems.map(item => ( {localItems.map(item => (
<button key={item.id} className="group relative mx-1 flex grow cursor-pointer items-center rounded-[2.5px] px-8 py-1.5 pr-12 text-left text-sm hover:bg-grey-100 dark:hover:bg-grey-800" type="button" onClick={() => { <button key={item.id} className="group relative mx-1 flex grow cursor-pointer items-center rounded-[2.5px] px-8 py-1.5 pr-12 text-left text-sm hover:bg-grey-100 dark:hover:bg-grey-800" type="button" onClick={() => {
@ -78,6 +80,7 @@ const SortMenu: React.FC<SortMenuProps> = ({
</button> </button>
))} ))}
</div> </div>
</div>
</Popover> </Popover>
); );
}; };