tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-07-29 00:34:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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})} /> onChange={(e) => this.setState({newTitle: e.target.value})} />
</div> </div>
<div className="ticket-viewer__edit-title__buttons"> <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})}> <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" />} {this.state.editTitleLoading ? <Loading /> : <Icon name="times" size="large" />}
</Button> </Button>
<Button disabled={this.state.editTitleLoading} type='secondary' size="medium" onClick={this.changeTitle.bind(this)}> <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" />} {this.state.editTitleLoading ? <Loading /> : <Icon name="check" size="large" />}
</Button> </Button>
</div> </div>
</div> </div>

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

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