From 72cc548d34460e727ea6e1ce730eebb81c9055fb Mon Sep 17 00:00:00 2001 From: Kam Date: Fri, 10 Jul 2026 11:38:36 +0300 Subject: [PATCH] feat(docs-infra): add Angie to the embedded editor error state When the embedded editor fails to boot the preview sandbox, the error card showed only a text message. Add the press-kit Error pose above the message so the failure state matches the mascot treatment already used for the loading steps and the empty search states. The card is also centered in the preview pane (previously pinned 5% from the top) so the pose and message read as one block. Behaviour is unchanged; this is presentation only. --- adev/src/app/editor/preview/preview-error.component.html | 6 ++++++ adev/src/app/editor/preview/preview-error.component.scss | 9 ++++++++- adev/src/assets/images/angie/error.svg | 1 + 3 files changed, 15 insertions(+), 1 deletion(-) create mode 100644 adev/src/assets/images/angie/error.svg diff --git a/adev/src/app/editor/preview/preview-error.component.html b/adev/src/app/editor/preview/preview-error.component.html index 88b6c773f8c..cbec93488a4 100644 --- a/adev/src/app/editor/preview/preview-error.component.html +++ b/adev/src/app/editor/preview/preview-error.component.html @@ -1,4 +1,10 @@
+ @if (error()?.type === ErrorType.UNSUPPORTED_BROWSER_ENVIRONMENT) { @if (isIos) {

Open angular.dev on desktop to code in your browser.

diff --git a/adev/src/app/editor/preview/preview-error.component.scss b/adev/src/app/editor/preview/preview-error.component.scss index 46a5cd9588e..be864f15ad5 100644 --- a/adev/src/app/editor/preview/preview-error.component.scss +++ b/adev/src/app/editor/preview/preview-error.component.scss @@ -1,5 +1,12 @@ :host { - margin: 5% auto; + margin: auto; +} + +.adev-preview-error-angie { + display: block; + width: 140px; + height: auto; + margin: 0 auto; } .adev-preview-error { diff --git a/adev/src/assets/images/angie/error.svg b/adev/src/assets/images/angie/error.svg new file mode 100644 index 00000000000..727c12a847c --- /dev/null +++ b/adev/src/assets/images/angie/error.svg @@ -0,0 +1 @@ + \ No newline at end of file