refactor: mobile popover UX (#2140)

2023-01-18 01:00:23 +05:30
parent 7af4ecbc3d
commit baf77516fe
33 changed files with 237 additions and 117 deletions
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx
@@ -36,7 +36,13 @@ const LinkedItemsButton = ({ linkingController, filesController, onClickPreproce
      <StyledTooltip label="Linked items panel">
        <RoundIconButton label="Linked items panel" onClick={toggleMenu} ref={buttonRef} icon="link" />
      </StyledTooltip>
-      <Popover togglePopover={toggleMenu} anchorElement={buttonRef.current} open={isLinkingPanelOpen} className="pb-2">
+      <Popover
+        title="Linked items"
+        togglePopover={toggleMenu}
+        anchorElement={buttonRef.current}
+        open={isLinkingPanelOpen}
+        className="pb-2"
+      >
        <LinkedItemsPanel
          item={activeItem}
          isOpen={isLinkingPanelOpen}