Merge pull request #182 from glitch-soc/wide-tootbox-panel
Full-width tootbox panel to make room for buttons
This commit is contained in:
commit
313ba202ef
|
@ -247,36 +247,34 @@ export default class ComposeForm extends ImmutablePureComponent {
|
||||||
<UploadFormContainer />
|
<UploadFormContainer />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='compose-form__buttons-wrapper'>
|
<div className='compose-form__buttons'>
|
||||||
<div className='compose-form__buttons'>
|
<UploadButtonContainer />
|
||||||
<UploadButtonContainer />
|
<DoodleButtonContainer />
|
||||||
<DoodleButtonContainer />
|
<PrivacyDropdownContainer />
|
||||||
<PrivacyDropdownContainer />
|
<ComposeAdvancedOptionsContainer />
|
||||||
<ComposeAdvancedOptionsContainer />
|
<SensitiveButtonContainer />
|
||||||
<SensitiveButtonContainer />
|
<SpoilerButtonContainer />
|
||||||
<SpoilerButtonContainer />
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='compose-form__publish'>
|
<div className='compose-form__publish'>
|
||||||
<div className='character-counter__wrapper'><CharacterCounter max={500} text={text} /></div>
|
<div className='character-counter__wrapper'><CharacterCounter max={500} text={text} /></div>
|
||||||
<div className='compose-form__publish-button-wrapper'>
|
<div className='compose-form__publish-button-wrapper'>
|
||||||
{
|
{
|
||||||
showSideArm ?
|
showSideArm ?
|
||||||
<Button
|
<Button
|
||||||
className='compose-form__publish__side-arm'
|
className='compose-form__publish__side-arm'
|
||||||
text={publishText2}
|
text={publishText2}
|
||||||
onClick={this.handleSubmit2}
|
onClick={this.handleSubmit2}
|
||||||
disabled={submitDisabled}
|
disabled={submitDisabled}
|
||||||
/> : ''
|
/> : ''
|
||||||
}
|
}
|
||||||
<Button
|
<Button
|
||||||
className='compose-form__publish__primary'
|
className='compose-form__publish__primary'
|
||||||
text={publishText}
|
text={publishText}
|
||||||
onClick={this.handleSubmit}
|
onClick={this.handleSubmit}
|
||||||
disabled={submitDisabled}
|
disabled={submitDisabled}
|
||||||
block
|
block
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -302,7 +302,6 @@
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
background: $simple-background-color;
|
background: $simple-background-color;
|
||||||
border-radius: 0 0 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.compose-form__buttons-wrapper {
|
.compose-form__buttons-wrapper {
|
||||||
|
@ -452,6 +451,7 @@
|
||||||
|
|
||||||
.compose-form__publish {
|
.compose-form__publish {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue