[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

View File

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

View File

@ -77,11 +77,15 @@ class CreateTicketForm extends React.Component {
fieldProps={{allowImages: allowAttachments}}
required
field="textarea" />
<div className="create-ticket-form__container">
<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>
<div className="create-ticket-form__captcha-container">
{(!userLogged) ? this.renderCaptcha() : null}
</div>
</div>
</Form>
{this.renderMessage()}
</div>

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;