miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

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

profile-avatar-switcher
Alex Gleason 2021-10-19 12:46:01 -05:00
rodzic 09f57447c6
commit cd3cf2379b
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 24 dodań i 21 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

39
app/soapbox/features/compose/components/compose_form.js
Wyświetl plik

@ -355,28 +355,25 @@ export default class ComposeForm extends ImmutablePureComponent {
} }
</AutosuggestTextarea> </AutosuggestTextarea>
{ <div className='compose-form__buttons-wrapper'>
!condensed && <div className='compose-form__buttons'>
<div className='compose-form__buttons-wrapper'> <UploadButtonContainer />
<div className='compose-form__buttons'> <PollButtonContainer />
<UploadButtonContainer /> <PrivacyDropdownContainer />
<PollButtonContainer /> <ScheduleButtonContainer />
<PrivacyDropdownContainer /> <SpoilerButtonContainer />
<ScheduleButtonContainer /> <MarkdownButtonContainer />
<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>
} {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> </div>
); );
} }

6
app/styles/components/compose-form.scss
Wyświetl plik

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