Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-08 06:25:45 +01:00
Code Issues Packages Projects Releases Activity

defined ButtonGroup in DiffFile

Browse Source
This commit is contained in:
Florian Scholdei
2019-06-20 14:33:16 +02:00
parent 6046e20908
commit 9c787d99ea
1 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
scm-ui-components/packages/ui-components/src/repos/DiffFile.js
View File

@@ -11,7 +11,7 @@ import {
import injectSheets from "react-jss"; import injectSheets from "react-jss";
import classNames from "classnames"; import classNames from "classnames";
import { translate } from "react-i18next"; import { translate } from "react-i18next";
import { Button } from "../buttons"; import { ButtonGroup, Button } from "../buttons";
const styles = { const styles = {
panel: { panel: {
@@ -241,20 +241,25 @@ class DiffFile extends React.Component<Props, State> {
{this.renderChangeTag(file)} {this.renderChangeTag(file)}
</div> </div>
<div className={classNames("level-right", classes.buttonHeader)}> <div className={classNames("level-right", classes.buttonHeader)}>
<Button action={this.toggleSideBySide} className="reduced-mobile"> <ButtonGroup connected={false}>
<span className="icon is-small"> <Button
<i action={this.toggleSideBySide}
className={classNames( className="reduced-mobile"
"fas", >
sideBySide ? "fa-align-left" : "fa-columns" <span className="icon is-small">
)} <i
/> className={classNames(
</span> "fas",
<span> sideBySide ? "fa-align-left" : "fa-columns"
{t(sideBySide ? "diff.combined" : "diff.sideBySide")} )}
</span> />
</Button> </span>
{fileControls} <span>
{t(sideBySide ? "diff.combined" : "diff.sideBySide")}
</span>
</Button>
{fileControls}
</ButtonGroup>
</div> </div>
</div> </div>
</div> </div>