github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-06 06:52:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make the switch to editor/pdf button to have the same height (#12110)

Browse source 
GitOrigin-RevId: 5ceaad73c6c6b74ce2b6e8bbc79563bfad6ab34b
This commit is contained in:
M Fahru 2023-06-06 09:42:28 -07:00 • committed by Copybot
parent 75c5f16114
commit ed42d0c9ca
4 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
View file

@ -25,10 +25,12 @@ function SwitchToEditorButton() {
bsStyle={null}
bsSize="xs"
onClick={handleClick}
className="switch-to-editor-btn btn-secondary"
className="switch-to-editor-btn toolbar-btn-secondary btn-secondary"
>
<Icon type="code" className="me-1" />
{t('switch_to_editor')}
<Icon type="code" className="toolbar-btn-secondary-icon" />
<span className="toolbar-btn-secondary-text">
{t('switch_to_editor')}
</span>
</Button>
)
}

6
services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.js
View file

@ -25,10 +25,10 @@ function SwitchToPDFButton() {
bsStyle={null}
bsSize="xs"
onClick={handleClick}
className="toolbar-btn-secondary btn-secondary"
className="switch-to-pdf-btn toolbar-btn-secondary btn-secondary"
>
<Icon type="file-pdf-o" className="me-1" />
{t('switch_to_pdf')}
<Icon type="file-pdf-o" className="toolbar-btn-secondary-icon" />
<span className="toolbar-btn-secondary-text">{t('switch_to_pdf')}</span>
</Button>
)
}

4
services/web/frontend/stylesheets/app/editor/pdf.less
View file

@ -15,10 +15,6 @@
}
}
.pdf .toolbar.toolbar-pdf when (@is-overleaf-light = false) {
border-bottom: 0;
}
.toolbar-pdf-orphan,
.toolbar-pdf-left,
.toolbar-pdf-right {

15
services/web/frontend/stylesheets/app/editor/toolbar.less
View file

@ -433,3 +433,18 @@
padding-bottom: 0px;
margin-bottom: 0.5px;
}
.switch-to-editor-btn {
margin-right: 7px;
}
.switch-to-editor-btn,
.switch-to-pdf-btn {
text-align: left;
display: flex;
align-items: center;
.toolbar-btn-secondary-icon {
margin-right: 5px;
}
}