Skip to content

Commit e0022d5

Browse files
authored
[DevOverlay] Remove Dialog Banner (vercel#74464)
This PR removed the Dialog Banner as it is removed in the renewal design. ![CleanShot 2025-01-02 at 22.04.02.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/dQEaKpg78raP6UllhQTZ/c24349a8-c4c4-40e8-9c62-d2580812ec1c.png)
1 parent 3a73012 commit e0022d5

File tree

2 files changed

+0
-27
lines changed
  • packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Dialog

2 files changed

+0
-27
lines changed

packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/Dialog.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,6 @@ const Dialog: React.FC<DialogProps> = function Dialog({
8282
aria-describedby={props['aria-describedby']}
8383
aria-modal="true"
8484
>
85-
<div data-nextjs-dialog-banner className={`banner-${type}`} />
8685
{children}
8786
</div>
8887
)

packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/styles.ts

Lines changed: 0 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -41,32 +41,6 @@ const styles = css`
4141
}
4242
}
4343
44-
[data-nextjs-dialog-banner] {
45-
position: relative;
46-
}
47-
[data-nextjs-dialog-banner].banner-warning {
48-
border-color: var(--color-ansi-yellow);
49-
}
50-
[data-nextjs-dialog-banner].banner-error {
51-
border-color: var(--color-ansi-red);
52-
}
53-
54-
[data-nextjs-dialog-banner]::after {
55-
z-index: 2;
56-
content: '';
57-
position: absolute;
58-
top: 0;
59-
right: 0;
60-
width: 100%;
61-
/* banner width: */
62-
border-top-width: var(--size-gap-half);
63-
border-bottom-width: 0;
64-
border-top-style: solid;
65-
border-bottom-style: solid;
66-
border-top-color: inherit;
67-
border-bottom-color: transparent;
68-
}
69-
7044
[data-nextjs-dialog-content] {
7145
overflow-y: auto;
7246
border: none;

0 commit comments

Comments
 (0)