diff --git a/packages/desktop/app/javascripts/Main/Window.ts b/packages/desktop/app/javascripts/Main/Window.ts index a452fa860..659fabc91 100644 --- a/packages/desktop/app/javascripts/Main/Window.ts +++ b/packages/desktop/app/javascripts/Main/Window.ts @@ -202,7 +202,7 @@ async function createWindowServices(window: Electron.BrowserWindow, appState: Ap initializeZoomManager(window, appState.store) const backupsManager = createBackupsManager(window.webContents, appState) - const updateManager = setupUpdates(window, appState, backupsManager) + // const updateManager = setupUpdates(window, appState, backupsManager) const trayManager = createTrayManager(window, appState.store) const spellcheckerManager = createSpellcheckerManager(appState.store, window.webContents, appLocale) const mediaManager = new MediaManager() @@ -224,7 +224,7 @@ async function createWindowServices(window: Electron.BrowserWindow, appState: Ap return { backupsManager, - updateManager, + // updateManager, trayManager, spellcheckerManager, menuManager, diff --git a/packages/desktop/app/javascripts/Renderer/Renderer.ts b/packages/desktop/app/javascripts/Renderer/Renderer.ts index 224da7111..c924ae40a 100644 --- a/packages/desktop/app/javascripts/Renderer/Renderer.ts +++ b/packages/desktop/app/javascripts/Renderer/Renderer.ts @@ -117,9 +117,8 @@ async function configureWindow(remoteBridge: CrossProcessBridge) { } else { /* Use custom title bar. Take the sn-titlebar-height off of the app content height so its not overflowing */ - sheet.insertRule('body { padding-top: var(--sn-desktop-titlebar-height); }', sheet.cssRules.length) sheet.insertRule( - '@media screen and (max-width: 768px) { [data-popover] { padding-top: calc(var(--sn-desktop-titlebar-height) + 0.5rem); } }', + 'body, [data-reach-dialog-overlay], [data-mobile-popover] { padding-top: var(--sn-desktop-titlebar-height) !important; }', sheet.cssRules.length, ) sheet.insertRule( diff --git a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx index 66ee2b216..e38f82f20 100644 --- a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx +++ b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx @@ -17,11 +17,13 @@ const MobilePopoverContent = ({ children, title, className, + id, }: { open: boolean requestClose: () => void children: ReactNode title: string + id: string className?: string }) => { const [isMounted, setPopoverElement] = useModalAnimation(open) @@ -36,6 +38,8 @@ const MobilePopoverContent = ({
diff --git a/packages/web/src/javascripts/Components/Popover/Popover.tsx b/packages/web/src/javascripts/Components/Popover/Popover.tsx index 6f4ab1fbc..eb07338c8 100644 --- a/packages/web/src/javascripts/Components/Popover/Popover.tsx +++ b/packages/web/src/javascripts/Components/Popover/Popover.tsx @@ -102,6 +102,7 @@ const Popover = ({ }} title={title} className={className} + id={popoverId.current} > {children} diff --git a/packages/web/src/javascripts/Components/Shared/Modal.tsx b/packages/web/src/javascripts/Components/Shared/Modal.tsx index 0b827724b..7b0749b9a 100644 --- a/packages/web/src/javascripts/Components/Shared/Modal.tsx +++ b/packages/web/src/javascripts/Components/Shared/Modal.tsx @@ -136,7 +136,7 @@ const Modal = ({ title, close, actions = [], className = {}, customHeader, custo togglePopover={() => setShowAdvanced((show) => !show)} align="start" portal={false} - className="w-1/2 !min-w-0 divide-y divide-border border border-border" + className="!fixed w-1/2 !min-w-0 divide-y divide-border border border-border" > {extraActions .filter((action) => action.type !== 'cancel')