revert

iTwin · Jun 13, 2023 · 2457974 · 2457974
1 parent a0bdb03
commit 2457974
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 10 deletions.
diff --git a/...orybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png b/...orybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Anchor To Button.png
diff --git a/.../storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png b/.../storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Informational.png
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Negative.png
diff --git a/...orybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png b/...orybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Position Changed.png
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Positive.png
diff --git a/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png b/apps/storybook/cypress-visual-screenshots/baseline/Toasts.test.ts-Warning.png
diff --git a/packages/itwinui-css/backstop/tests/toast.html b/packages/itwinui-css/backstop/tests/toast.html
@@ -150,10 +150,10 @@ <h3>Toast placement:</h3>
               ></svg-status-success>
             </div>
             <div class="iui-message">Job processing completed.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View the report</button>
+            >View the report</a>
             <button
               aria-label="Close"
               type="button"
@@ -222,10 +222,10 @@ <h3>Toast placement:</h3>
               frankfurter capicola. Jowl shankle short ribs rump shank ribeye,
               frankfurter sausage.
             </div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View</button>
+            >View</a>
             <button
               aria-label="Close"
               type="button"
@@ -253,10 +253,10 @@ <h3>Toast placement:</h3>
             <div class="iui-message">
               26 files are available for synchronization.
             </div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View</button>
+            >View</a>
           </div>
 
           <div
@@ -270,10 +270,10 @@ <h3>Toast placement:</h3>
               ></svg-status-error>
             </div>
             <div class="iui-message">Job processing error.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >View the report</button>
+            >View the report</a>
             <button
               aria-label="Close"
               type="button"
@@ -299,10 +299,10 @@ <h3>Toast placement:</h3>
               ></svg-status-warning>
             </div>
             <div class="iui-message">Job processing requires approval.</div>
-            <button
+            <a
               class="iui-toast-anchor"
               href="#"
-            >Approve</button>
+            >Approve</a>
             <button
               aria-label="Close"
               type="button"

diff --git a/packages/itwinui-css/src/toast/toast.scss b/packages/itwinui-css/src/toast/toast.scss
@@ -162,6 +162,8 @@
     cursor: pointer;
     font-size: var(--iui-font-size-0);
     margin-right: var(--iui-size-m);
+    user-select: none;
+    white-space: nowrap;
   }
 
   > .iui-button {