agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 22:23:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #36041 from overleaf/mg-offline-focus-mode

Browse Source 
Add offline indicator for focus mode

GitOrigin-RevId: 3764577500d67b139c31a356f4f5e82888c44209
This commit is contained in:
Malik Glossop
2026-09-17 11:43:40 +00:00
committed by Copybot
parent 8526dec62d
commit 6c63002cd1
2 changed files with 61 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/js/features/ide-react/components/toolbar/toolbar.tsx
+27 -22
View File
@@ -72,37 +72,42 @@ export const Toolbar = () => {
<ToolbarLogos cobranding={cobranding} />
</div>
<ToolbarProjectTitle />
<div className="ide-redesign-toolbar-actions">
{showViewSwitcher && (
<div className="ide-redesign-toolbar-actions-wrapper">
{improvedFlakyConnections && (
<OfflineIndicator isOffline={isOfflineDueToNetworkStall} />
)}
<div className="ide-redesign-toolbar-actions">
{showViewSwitcher && (
<div className="ide-redesign-toolbar-button-container">
<OLTooltip
id="tooltip-switch-view"
description={switchTooltip}
overlayProps={{ delay: 0, placement: 'bottom' }}
>
<OLIconButton
icon={switchIcon}
className="ide-redesign-toolbar-button-subdued ide-redesign-toolbar-button-icon"
onClick={handleSwitchView}
accessibilityLabel={switchTooltip}
/>
</OLTooltip>
</div>
)}
<ChangeLayoutButton />
<div className="ide-redesign-toolbar-button-container">
<OLTooltip
id="tooltip-switch-view"
description={switchTooltip}
id="tooltip-exit-focus-mode"
description={t('exit_focus_mode')}
overlayProps={{ delay: 0, placement: 'bottom' }}
>
<OLIconButton
icon={switchIcon}
icon="close_fullscreen"
className="ide-redesign-toolbar-button-subdued ide-redesign-toolbar-button-icon"
onClick={handleSwitchView}
accessibilityLabel={switchTooltip}
onClick={handleExitFocusMode}
accessibilityLabel={t('exit_focus_mode')}
/>
</OLTooltip>
</div>
)}
<ChangeLayoutButton />
<div className="ide-redesign-toolbar-button-container">
<OLTooltip
id="tooltip-exit-focus-mode"
description={t('exit_focus_mode')}
overlayProps={{ delay: 0, placement: 'bottom' }}
>
<OLIconButton
icon="close_fullscreen"
className="ide-redesign-toolbar-button-subdued ide-redesign-toolbar-button-icon"
onClick={handleExitFocusMode}
accessibilityLabel={t('exit_focus_mode')}
/>
</OLTooltip>
</div>
</div>
</nav>