github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-14 20:40:17 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21002 from overleaf/rd-icon-updates

Browse source 
[web] Material icon changes in toolbars

GitOrigin-RevId: f0a36b2f0c2bc56a7fccfe6491ea4538a997c486
This commit is contained in:
Rebeka Dekany 2024-10-11 11:23:54 +02:00 committed by Copybot
parent 5b6bbcb73c
commit 0131178491
4 changed files with 6 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx
View file

@ -12,7 +12,7 @@ function ShareProjectButton({ onClick }) {
<button type="button" className="btn btn-full-height" onClick={onClick}> <button type="button" className="btn btn-full-height" onClick={onClick}>
<BootstrapVersionSwitcher <BootstrapVersionSwitcher
bs3={<Icon type="group" fw />} bs3={<Icon type="group" fw />}
bs5={<MaterialIcon type="groups" className="align-middle" />} bs5={<MaterialIcon type="group_add" className="align-middle" />}
/> />
<p className="toolbar-label">{t('share')}</p> <p className="toolbar-label">{t('share')}</p>
</button> </button>

14
services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.tsx
View file

@ -8,7 +8,6 @@ import Icon from '../../../shared/components/icon'
import * as eventTracking from '../../../infrastructure/event-tracking' import * as eventTracking from '../../../infrastructure/event-tracking'
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher' import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
import OLTooltip from '@/features/ui/components/ol/ol-tooltip' import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
import { Spinner } from 'react-bootstrap-5'
import { import {
Dropdown, Dropdown,
DropdownDivider, DropdownDivider,
@ -213,20 +212,11 @@ function PdfCompileButton() {
variant="primary" variant="primary"
size="sm" size="sm"
disabled={compiling} disabled={compiling}
isLoading={compiling}
onClick={() => startCompile()} onClick={() => startCompile()}
leadingIcon={
compiling ? (
<Spinner
animation="border"
aria-hidden="true"
size="sm"
role="status"
/>
) : null
}
className={buttonClassName} className={buttonClassName}
> >
{compileButtonLabel} {t('recompile')}
</OLButton> </OLButton>
</OLTooltip> </OLTooltip>

2
services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
View file

@ -37,7 +37,7 @@ export const InsertFigureDropdown = memo(function InsertFigureDropdown() {
icon={ icon={
<BootstrapVersionSwitcher <BootstrapVersionSwitcher
bs3={<Icon fw type="picture-o" />} bs3={<Icon fw type="picture-o" />}
bs5={<MaterialIcon type="imagesmode" />} bs5={<MaterialIcon type="add_photo_alternate" />}
/> />
} }
altCommand={insertFigure} altCommand={insertFigure}

4
services/web/frontend/js/features/source-editor/components/toolbar/toolbar-items.tsx
View file

@ -122,7 +122,7 @@ export const ToolbarItems: FC<{
id="toolbar-href" id="toolbar-href"
label={t('toolbar_insert_link')} label={t('toolbar_insert_link')}
command={commands.wrapInHref} command={commands.wrapInHref}
icon={bsVersion({ bs5: 'link', bs3: 'link' })} icon={bsVersion({ bs5: 'add_link', bs3: 'link' })}
/> />
<ToolbarButton <ToolbarButton
id="toolbar-ref" id="toolbar-ref"
@ -134,7 +134,7 @@ export const ToolbarItems: FC<{
id="toolbar-cite" id="toolbar-cite"
label={t('toolbar_insert_citation')} label={t('toolbar_insert_citation')}
command={commands.insertCite} command={commands.insertCite}
icon={bsVersion({ bs5: 'menu_book', bs3: 'book' })} icon={bsVersion({ bs5: 'book_5', bs3: 'book' })}
/> />
<InsertFigureDropdown /> <InsertFigureDropdown />
<TableInserterDropdown /> <TableInserterDropdown />