From ea3bfaeaa3102a7c1785c9fe69fc452cf3be7523 Mon Sep 17 00:00:00 2001
From: Marco polo <salazarm@users.noreply.github.com>
Date: Tue, 3 Oct 2023 10:01:54 -0400
Subject: [PATCH] [Asset graph] Don't cover top toolbar when loading layout
 (#16973)

## Summary & Motivation

before: When you type "*" in the op query input and hit enter it
disappears and doesn't let you change your op query until it's done
layouting.
after: Now you can change your mind and type something else without
waiting for the layout to complete.

## How I Tested These Changes

locally I tested both the asset graph and the ops graph for jobs:

assets:
<img width="1491" alt="Screenshot 2023-10-03 at 9 47 33 AM"
src="https://github.com/dagster-io/dagster/assets/2286579/a0fc9dc4-40d4-4b3d-ab49-21a09f2574c9">

jobs:
<img width="1204" alt="Screenshot 2023-10-03 at 9 47 48 AM"
src="https://github.com/dagster-io/dagster/assets/2286579/190072bf-e879-40b8-bc11-5e798549c31c">
---
 .../dagster-ui/packages/ui-core/src/pipelines/GraphNotices.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js_modules/dagster-ui/packages/ui-core/src/pipelines/GraphNotices.tsx b/js_modules/dagster-ui/packages/ui-core/src/pipelines/GraphNotices.tsx
index 48ad5f36dafc5..4ca06eb67240d 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/pipelines/GraphNotices.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/pipelines/GraphNotices.tsx
@@ -84,7 +84,7 @@ export const LoadingNotice: React.FC<{async: boolean; nodeType: 'asset' | 'op'}>
 const LoadingContainer = styled.div`
   background-color: ${Colors.White};
   position: absolute;
-  top: 0;
+  top: 57px;
   bottom: 0;
   left: 0;
   right: 0;