fix: error dialog transition (#3405)

ef62fd33 · Zach Pomerantz · GitHub · 96a42f66 · ef62fd33
Commit ef62fd33 authored Mar 02, 2022 by Zach Pomerantz Committed by GitHub Mar 02, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 1 deletion

ErrorDialog.tsx src/lib/components/Error/ErrorDialog.tsx +2 -1

No files found.
--- a/src/lib/components/Error/ErrorDialog.tsx
+++ b/src/lib/components/Error/ErrorDialog.tsx
@@ -12,6 +12,7 @@ import Rule from '../Rule'

 const HeaderIcon = styled(LargeIcon)`
  flex-grow: 1;
+  transition: height 0.25s, width 0.25s;

  svg {
    transition: height 0.25s, width 0.25s;
@@ -66,7 +67,7 @@ const ExpandoColumn = styled(Column)<{ open: boolean }>`
    transition: flex-grow 0.25s;

    ${Column} {
-      height: 100%;
+      height: 6.825em;
      padding: ${({ open }) => (open ? '0.5em 0' : 0)};
      transition: padding 0.25s;