bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ComposeForm: load it differently so the SVG icons are already loaded when it expands

Browse source
This commit is contained in:
Alex Gleason 2021-10-19 12:46:01 -05:00
parent 09f57447c6
commit cd3cf2379b
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
app/soapbox/features/compose/components/compose_form.js
View file

@ -355,28 +355,25 @@ export default class ComposeForm extends ImmutablePureComponent {
}
</AutosuggestTextarea>
{
!condensed &&
<div className='compose-form__buttons-wrapper'>
<div className='compose-form__buttons'>
<UploadButtonContainer />
<PollButtonContainer />
<PrivacyDropdownContainer />
<ScheduleButtonContainer />
<SpoilerButtonContainer />
<MarkdownButtonContainer />
</div>
{maxTootChars && (
<div className='compose-form__counter'>
{/* <TextCharacterCounter max={maxTootChars} text={text} /> */}
<VisualCharacterCounter max={maxTootChars} text={text} />
</div>
)}
<div className='compose-form__publish'>
<div className='compose-form__publish-button-wrapper'><Button text={publishText} onClick={this.handleSubmit} disabled={disabledButton} block /></div>
</div>
<div className='compose-form__buttons-wrapper'>
<div className='compose-form__buttons'>
<UploadButtonContainer />
<PollButtonContainer />
<PrivacyDropdownContainer />
<ScheduleButtonContainer />
<SpoilerButtonContainer />
<MarkdownButtonContainer />
</div>
}
{maxTootChars && (
<div className='compose-form__counter'>
{/* <TextCharacterCounter max={maxTootChars} text={text} /> */}
<VisualCharacterCounter max={maxTootChars} text={text} />
</div>
)}
<div className='compose-form__publish'>
<div className='compose-form__publish-button-wrapper'><Button text={publishText} onClick={this.handleSubmit} disabled={disabledButton} block /></div>
</div>
</div>
</div>
);
}

6
app/styles/components/compose-form.scss
View file

@ -89,6 +89,12 @@
min-height: 46px;
border-radius: 5px;
}
.compose-form__buttons-wrapper {
height: 0;
padding: 0;
overflow: hidden;
}
}
&__modifiers {