tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[DEV-236] Modify edit ticket name padding and buttons (#1147)

This commit is contained in:
Joel Elias Méndez 2022-02-14 14:52:05 -03:00 committed by GitHub
parent 2df12aa5e3
commit daf1db847c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/app-components/ticket-viewer.js
View File

@ -169,11 +169,11 @@ class TicketViewer extends React.Component {
onChange={(e) => this.setState({newTitle: e.target.value})} />
</div>
<div className="ticket-viewer__edit-title__buttons">
<Button disabled={this.state.editTitleLoading} type='primary' size="medium" onClick={() => this.setState({editTitle: false, newTitle: this.props.ticket.title})}>
{this.state.editTitleLoading ? <Loading /> : <Icon name="times" />}
<Button className="ticket-viewer__edit-title__button" disabled={this.state.editTitleLoading} type='primary' size="medium" onClick={() => this.setState({editTitle: false, newTitle: this.props.ticket.title})}>
{this.state.editTitleLoading ? <Loading /> : <Icon name="times" size="large" />}
</Button>
<Button disabled={this.state.editTitleLoading} type='secondary' size="medium" onClick={this.changeTitle.bind(this)}>
{this.state.editTitleLoading ? <Loading /> : <Icon name="check" />}
<Button className="ticket-viewer__edit-title__button" disabled={this.state.editTitleLoading} type='secondary' size="medium" onClick={this.changeTitle.bind(this)}>
{this.state.editTitleLoading ? <Loading /> : <Icon name="check" size="large" />}
</Button>
</div>
</div>

13
client/src/app-components/ticket-viewer.scss
View File

@ -80,7 +80,10 @@
margin-right: 6px;
.input__text {
height: 25px;
height: 30px;
text-align: center;
padding-top: 12px;
border-radius: 5px;
}
}
@ -91,6 +94,14 @@
align-items: center;
width: 160px;
}
&__edit-title__button {
width: 50px;
height: 30px;
display: flex;
justify-content: center;
}
&__number {
color: white;
margin-right: 30px;