random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated compose modal publish button position

Browse Source 
Removed fixed positioning of publish button on small screen sizes to top, keep at bottom as compose modal is now scrollable.
This commit is contained in:
mgabdev 2019-10-18 19:20:08 -04:00
parent 236dbf8efd
commit 8a9e73521e
3 changed files with 3 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/gabsocial/features/compose/components/compose_form.js
View File

@ -238,10 +238,6 @@ class ComposeForm extends ImmutablePureComponent {
'condensed': condensed,
});
const composeFormPublishClasses = classNames('compose-form__publish', {
'in-modal': isModalOpen,
});
return (
<div className={composeClassNames} ref={this.setForm} onClick={this.handleClick}>
<WarningContainer />
@ -314,7 +310,7 @@ class ComposeForm extends ImmutablePureComponent {
{
!condensed &&
<div className={composeFormPublishClasses}>
<div className='compose-form__publish'>
<div className='compose-form__publish-button-wrapper'><Button text={publishText} onClick={this.handleSubmit} disabled={disabledButton} block /></div>
</div>
}

2
app/javascript/gabsocial/features/ui/components/compose_modal.js
View File

@ -55,10 +55,10 @@ class ComposeModal extends ImmutablePureComponent {
return (
<div className='modal-root__modal compose-modal'>
<div className='compose-modal__header'>
<IconButton className='compose-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={this.onClickClose} size={20} />
<h3 className='compose-modal__header__title'>
<FormattedMessage id='navigation_bar.compose' defaultMessage='Compose new gab' />
</h3>
<IconButton className='compose-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={this.onClickClose} size={20} />
</div>
<div className='compose-modal__content compose-modal__content--scroll'>
<div className='timeline-compose-block'>

14
app/javascript/styles/gabsocial/components.scss
View File

@ -4917,16 +4917,10 @@ noscript {
&__close {
position: absolute;
left: 10px;
right: 10px;
top: 10px;
}
&__publish {
position: absolute;
right: 10px;
top: 4px;
}
&__content {
display: flex;
flex-direction: row;
@ -4967,12 +4961,6 @@ noscript {
border-radius: 0;
height: 100vh;
width: 100vw;
.compose-form__publish.in-modal {
position: fixed;
top: 0;
right: 15px;
}
}
}