Merge pull request #10844 from overleaf/ds-editor-btn-info-to-secondary

Replacing `btn-info` with `btn-secondary-info btn-secondary` in the editor

GitOrigin-RevId: 1e348b0b09bfd08508a3dbee7df882f41fdc16eb
This commit is contained in:
Davinder Singh 2022-12-16 14:45:20 +00:00 committed by Copybot
parent e7e1fcef3b
commit 306b2b7727
3 changed files with 29 additions and 8 deletions

View file

@ -18,10 +18,10 @@ function PdfDownloadFilesButton() {
disabled={compiling || !fileList}
>
<Dropdown.Toggle
className="dropdown-toggle"
className="dropdown-toggle btn-secondary-info btn-secondary"
title={t('other_logs_and_files')}
bsSize="small"
bsStyle="info"
bsStyle={null}
/>
<Dropdown.Menu id="dropdown-files-logs-pane-list">
<PdfFileList fileList={fileList} />

View file

@ -8,23 +8,35 @@ function PdfViewerControls({ setZoom }) {
return (
<ButtonGroup>
<Button
bsStyle="info"
bsStyle={null}
className="btn-secondary-info btn-secondary"
bsSize="large"
onClick={() => setZoom('fit-width')}
>
<Icon type="arrows-h" />
</Button>
<Button
bsStyle="info"
bsStyle={null}
className="btn-secondary-info btn-secondary"
bsSize="large"
onClick={() => setZoom('fit-height')}
>
<Icon type="arrows-v" />
</Button>
<Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-in')}>
<Button
bsStyle={null}
className="btn-secondary-info btn-secondary"
bsSize="large"
onClick={() => setZoom('zoom-in')}
>
<Icon type="search-plus" />
</Button>
<Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-out')}>
<Button
bsStyle={null}
className="btn-secondary-info btn-secondary"
bsSize="large"
onClick={() => setZoom('zoom-out')}
>
<Icon type="search-minus" />
</Button>
</ButtonGroup>

View file

@ -321,14 +321,23 @@
opacity: 1;
}
}
i.fa-arrows-h {
i.fa-arrows-h when(@is-new-css = false) {
border-right: 2px solid white;
border-left: 2px solid white;
}
i.fa-arrows-v {
i.fa-arrows-h when(@is-new-css = true) {
border-right: 2px solid @content-primary;
border-left: 2px solid @content-primary;
}
i.fa-arrows-v when(@is-new-css = false) {
border-top: 2px solid white;
border-bottom: 2px solid white;
}
i.fa-arrows-v when(@is-new-css = true) {
border-top: 2px solid @content-primary;
border-bottom: 2px solid @content-primary;
}
}
}