UX: Full width/height modal (#61)

This commit is contained in:
Keegan George
2023-08-31 09:28:05 -07:00
committed by GitHub
parent 116bcb9c3a
commit c050e072e9
4 changed files with 62 additions and 50 deletions
@@ -4,27 +4,6 @@
class="insert-table-modal"
>
<:body>
{{#if this.isEditingTable}}
<div class="edit-reason">
<DButton
@icon="info-circle"
@title={{theme-prefix
"discourse_table_builder.edit.modal.trigger_reason"
}}
@action={{this.showEditReasonField}}
@class="btn btn-icon btn-flat no-text btn-edit-reason"
/>
{{#if this.showEditReason}}
<TextField
@value={{this.editReason}}
@placeholderKey={{theme-prefix
"discourse_table_builder.edit.modal.reason"
}}
/>
{{/if}}
</div>
{{/if}}
<ConditionalLoadingSpinner @condition={{this.loading}}>
<div
{{did-insert this.createSpreadsheet}}
@@ -50,6 +29,26 @@
</div>
<div class="secondary-actions">
{{#if this.isEditingTable}}
<div class="edit-reason">
<DButton
@icon="info-circle"
@title={{theme-prefix
"discourse_table_builder.edit.modal.trigger_reason"
}}
@action={{this.showEditReasonField}}
@class="btn-edit-reason"
/>
{{#if this.showEditReason}}
<TextField
@value={{this.editReason}}
@placeholderKey={{theme-prefix
"discourse_table_builder.edit.modal.reason"
}}
/>
{{/if}}
</div>
{{/if}}
<DPopover>
<DButton class="trigger" @icon="question" />
<ul>
@@ -60,11 +60,7 @@ export default class SpreadsheetEditor extends Component {
@action
showEditReasonField() {
if (this.showEditReason) {
this.showEditReason = false;
} else {
this.showEditReason = true;
}
this.showEditReason = !this.showEditReason;
}
@action