Merge pull request #34160 from overleaf/mj-tabs-design-tweaks

[web] Apply design tweaks to editor tabs

GitOrigin-RevId: c0b064c4f5977bb13a961f03d2c5f2949d338cfe
This commit is contained in:
Mathias Jakobsen
2026-06-02 08:08:13 +00:00
committed by Copybot
parent 24dba36060
commit 7053434da6
2 changed files with 81 additions and 38 deletions
@@ -222,18 +222,20 @@ export const Tab = memo(function Tab({
'tab-temporary': tab.lifetime === 'temporary',
})}
>
<span className="editor-file-tab-icon">
<FileTreeIcon isLinkedFile={tab.isLinkedFile} name={tab.name} />
</span>
<div className="editor-file-tab-path">&lrm;{tab.displayPath}</div>
<div className="editor-file-tab-action">
<button
onClick={onCloseClick}
className="editor-file-tab-close-action"
aria-label={t('close_tab')}
>
<MaterialIcon type="close" />
</button>
<div className="editor-file-tab-content">
<span className="editor-file-tab-icon">
<FileTreeIcon isLinkedFile={tab.isLinkedFile} name={tab.name} />
</span>
<div className="editor-file-tab-path">&lrm;{tab.displayPath}</div>
<div className="editor-file-tab-action">
<button
onClick={onCloseClick}
className="editor-file-tab-close-action"
aria-label={t('close_tab')}
>
<MaterialIcon type="close" />
</button>
</div>
</div>
</div>
)