From f33fa04fb8c33d139f94f34858b2dba04f1fd783 Mon Sep 17 00:00:00 2001 From: Kapunahele Wong Date: Tue, 30 Mar 2021 15:31:38 -0400 Subject: [PATCH] docs: improve accessibility of animations example (#41385) PR Close #41385 --- .../animations/e2e/src/app.e2e-spec.ts | 2 +- .../animations/src/app/app.component.css | 8 +-- .../animations/src/app/app.component.html | 6 +- .../src/app/hero-list-page.component.css | 62 +++--------------- .../src/app/hero-list-page.component.html | 14 ++-- .../src/app/open-close-page.component.ts | 3 +- .../src/app/open-close.component.4.ts | 4 +- .../src/app/open-close.component.css | 1 + .../src/app/open-close.component.html | 6 +- .../src/app/open-close.component.ts | 4 +- .../src/app/status-slider.component.ts | 6 +- aio/content/guide/animations.md | 22 ++----- .../images/guide/animations/open-closed.png | Bin 26714 -> 0 bytes .../animations/triggering-the-animation.png | Bin 30111 -> 0 bytes 14 files changed, 45 insertions(+), 93 deletions(-) delete mode 100644 aio/content/images/guide/animations/open-closed.png delete mode 100644 aio/content/images/guide/animations/triggering-the-animation.png diff --git a/aio/content/examples/animations/e2e/src/app.e2e-spec.ts b/aio/content/examples/animations/e2e/src/app.e2e-spec.ts index f19b62f7ee..c9f9236aad 100644 --- a/aio/content/examples/animations/e2e/src/app.e2e-spec.ts +++ b/aio/content/examples/animations/e2e/src/app.e2e-spec.ts @@ -77,7 +77,7 @@ describe('Animation Tests', () => { }); describe('Status Slider Component', () => { - const activeColor = 'rgba(255, 165, 0, 1)'; + const activeColor = 'rgba(117, 70, 0, 1)'; const inactiveColor = 'rgba(0, 0, 255, 1)'; beforeAll(async () => { diff --git a/aio/content/examples/animations/src/app/app.component.css b/aio/content/examples/animations/src/app/app.component.css index 04d8866ac2..ed21b8546c 100644 --- a/aio/content/examples/animations/src/app/app.component.css +++ b/aio/content/examples/animations/src/app/app.component.css @@ -1,7 +1,3 @@ -:host { - display: block; -} - -section { - margin-top: 100px; +nav a { + padding: .7rem; } diff --git a/aio/content/examples/animations/src/app/app.component.html b/aio/content/examples/animations/src/app/app.component.html index 78d1655313..762020973b 100644 --- a/aio/content/examples/animations/src/app/app.component.html +++ b/aio/content/examples/animations/src/app/app.component.html @@ -1,6 +1,10 @@

Animations

-Toggle All Animations + +