Fix headers

rilldata · Dec 7, 2023 · 0d5423a · 0d5423a
1 parent 0902116
commit 0d5423a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 16 deletions.
diff --git a/web-common/src/features/models/workspace/ModelWorkspaceHeader.svelte b/web-common/src/features/models/workspace/ModelWorkspaceHeader.svelte
@@ -86,18 +86,11 @@
     }
   };
 
-  let headerWidth: number;
-
-  function isHeaderWidthSmall(width: number) {
-    return width < 800;
-  }
-
   $: titleInput = modelName;
 </script>
 
 <WorkspaceHeader
   {...{ titleInput: formatModelName(titleInput), onChangeCallback }}
-  on:resize={(e) => (headerWidth = e.detail.width)}
 >
   <svelte:fragment slot="workspace-controls">
     <IconButton
@@ -120,7 +113,7 @@
     <PanelCTA side="right">
       <ModelWorkspaceCTAs
         availableDashboards={$availableDashboards?.data}
-        collapse={isHeaderWidthSmall(headerWidth)}
+        {collapse}
         modelHasError={$modelHasError}
         {modelName}
         suppressTooltips={contextMenuOpen}

diff --git a/web-common/src/layout/workspace/WorkspaceHeader.svelte b/web-common/src/layout/workspace/WorkspaceHeader.svelte
@@ -7,7 +7,7 @@
   import TooltipContent from "@rilldata/web-common/components/tooltip/TooltipContent.svelte";
   import { createResizeListenerActionFactory } from "@rilldata/web-common/lib/actions/create-resize-listener-factory";
   import { dynamicTextInputWidth } from "@rilldata/web-common/lib/actions/dynamic-text-input-width";
-  import { createEventDispatcher, getContext } from "svelte";
+  import { getContext } from "svelte";
   import type { Tweened } from "svelte/motion";
   import type { Writable } from "svelte/store";
   import SourceUnsavedIndicator from "../../features/sources/editor/SourceUnsavedIndicator.svelte";
@@ -18,8 +18,6 @@
   export let editable = true;
   export let showInspectorToggle = true;
 
-  const dispatch = createEventDispatcher();
-
   let titleInputElement;
   let editingTitle = false;
 
@@ -42,12 +40,7 @@
     }
   }
 
-  function dispatchWidth(width: number) {
-    dispatch("resize", { width: width });
-  }
-
   $: width = $observedNode?.getBoundingClientRect()?.width;
-  $: dispatchWidth(width);
 
   function onInput() {
     if (editable) {