Merge pull request mermaid-js#888 from johannchopin/feature/improve-v…

…iew-button improve button to be link
kokizzu · Jul 9, 2022 · 91c3564 · 91c3564
2 parents 57df1cf + 950de30
commit 91c3564
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/routes/edit.svelte b/src/routes/edit.svelte
@@ -111,10 +111,6 @@
  }
  };
 
- const viewDiagram = () => {
- window.open(`${base}/view#${$stateStore.serialized}`, '_blank').focus();
- };
-
  onMount(async () => {
  await initHandler();
  const resizer = document.getElementById('resizeHandler');
@@ -181,11 +177,13 @@
  <div id="resizeHandler" class="hidden md:block" />
  <div class="flex-1 flex flex-col overflow-hidden">
  <Card title="Diagram" isCloseable={false}>
- <button
+ <a
+ href={`${base}/view#${$stateStore.serialized}`}
+ target="_blank"
  slot="actions"
  class="btn btn-secondary btn-xs"
  title="View diagram in new page"
- on:click|stopPropagation={() => viewDiagram()}><i class="far fa-eye mr-1" />View</button>
+ ><i class="fas fa-external-link-alt mr-1" />Full screen</a>
 
  <div class="flex-1 overflow-auto">
  <View />