diff --git a/packages/panel/src/components/Panel.svelte b/packages/panel/src/components/Panel.svelte index 470d967f42..c20054ab29 100644 --- a/packages/panel/src/components/Panel.svelte +++ b/packages/panel/src/components/Panel.svelte @@ -36,6 +36,7 @@ export let isCustomAttr: boolean = true export let floatAside = false export let allowClose = true + export let useMaxWidth = false {#if $$slots.navigator} @@ -127,19 +129,19 @@ {:else} -
+
{/if} {:else if $deviceInfo.isMobile} -
+
{:else} -
+
diff --git a/packages/text-editor/src/components/CollaboratorEditor.svelte b/packages/text-editor/src/components/CollaboratorEditor.svelte index bc1f82f66c..201efd4e44 100644 --- a/packages/text-editor/src/components/CollaboratorEditor.svelte +++ b/packages/text-editor/src/components/CollaboratorEditor.svelte @@ -576,6 +576,11 @@ editor.chain().focus() }} /> + +
+ {:else} +
+
{/if}
diff --git a/packages/text-editor/src/components/ReferenceInput.svelte b/packages/text-editor/src/components/ReferenceInput.svelte index 8027b82c92..2d2bf0e771 100644 --- a/packages/text-editor/src/components/ReferenceInput.svelte +++ b/packages/text-editor/src/components/ReferenceInput.svelte @@ -296,6 +296,7 @@
{#each actions as a} +
handleAction(a, evt)}>
diff --git a/packages/text-editor/src/components/StyledTextArea.svelte b/packages/text-editor/src/components/StyledTextArea.svelte index d166a68e0a..e36f0a4322 100644 --- a/packages/text-editor/src/components/StyledTextArea.svelte +++ b/packages/text-editor/src/components/StyledTextArea.svelte @@ -39,6 +39,7 @@ } +
{ diff --git a/packages/theme/styles/panel.scss b/packages/theme/styles/panel.scss index 2bddea3d87..2211c07d4e 100644 --- a/packages/theme/styles/panel.scss +++ b/packages/theme/styles/panel.scss @@ -144,6 +144,10 @@ margin-right: auto; width: calc(100% - 7.5rem); max-width: 860px; + + &.max { + max-width: 100%; + } } } @@ -156,6 +160,10 @@ padding: .75rem 1.25rem; width: calc(100% - 5rem); max-width: 900px; + + &.max { + max-width: 100%; + } } &.mobile { flex-shrink: 0; diff --git a/packages/ui/src/components/Panel.svelte b/packages/ui/src/components/Panel.svelte index c668851c8b..58482d8792 100644 --- a/packages/ui/src/components/Panel.svelte +++ b/packages/ui/src/components/Panel.svelte @@ -31,6 +31,7 @@ export let withoutTitle: boolean = false export let floatAside = false export let allowClose = true + export let useMaxWidth = false const dispatch = createEventDispatcher() @@ -118,7 +119,7 @@ }} > {#if $$slots.header && isHeader} -
+
{/if} @@ -133,7 +134,7 @@ }} > {#if $$slots.header && isHeader} -
+
{/if}