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

[DEV-133] align close button (#1111) 

* align close button

* align create ticket buttons

* remove padding excess

* fix align buttons issues

* remove padding excess
This commit is contained in:
Joel Elias Méndez 2021-12-16 18:03:14 -03:00 committed by GitHub
parent 4bd8df1d5e
commit 5dd6b7acdc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/admin/panel/tickets/admin-panel-my-tickets.scss
View File

@ -5,6 +5,8 @@
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
bottom: 35px;
}
}

12
client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
View File

@ -77,10 +77,14 @@ class CreateTicketForm extends React.Component {
fieldProps={{allowImages: allowAttachments}}
required
field="textarea" />
<div className={`create-ticket-form__buttons-container${allowAttachments ? "" : "-without-allow-attachments"}`}>
{allowAttachments ? this.renderFileUpload() : null}
{(!userLogged) ? this.renderCaptcha() : null}
<SubmitButton type="secondary">{i18n('CREATE_TICKET')}</SubmitButton>
<div className="create-ticket-form__container">
<div className={`create-ticket-form__buttons-container${allowAttachments ? "" : "-without-allow-attachments"}`}>
{allowAttachments ? this.renderFileUpload() : null}
<SubmitButton type="secondary">{i18n('CREATE_TICKET')}</SubmitButton>
</div>
<div className="create-ticket-form__captcha-container">
{(!userLogged) ? this.renderCaptcha() : null}
</div>
</div>
</Form>
{this.renderMessage()}

16
client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.scss
View File

@ -8,21 +8,29 @@
margin-top: 20px;
}
&__container {
display: flex;
flex-direction: row-reverse;
}
&__buttons-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-direction: column;
justify-content: center;
align-items: flex-end;
&-without-allow-attachments {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
}
}
&__captcha-container {
padding-right: 20px;
}
&__captcha {
margin: 0 auto 20px;
height: 78px;