From c1f7306e0a84611c55e94e8de870165f043b79d9 Mon Sep 17 00:00:00 2001 From: Owen Smith Date: Wed, 8 Jan 2025 17:35:14 -0500 Subject: [PATCH] fix: switch more-less to use mask-image for blur effect (#5291) --- components/more-less/README.md | 1 - components/more-less/demo/more-less.html | 12 ----- components/more-less/more-less.js | 50 ++---------------- .../chromium/auto-collapses-on-focus-out.png | Bin 19088 -> 17098 bytes .../golden/more-less/chromium/collapsed.png | Bin 18024 -> 16327 bytes .../more-less/chromium/collapses-on-click.png | Bin 18480 -> 16779 bytes ...o-expand-on-focus-in-when-not-scrolled.png | Bin 19088 -> 17098 bytes ...s-not-grow-with-content-when-collapsed.png | Bin 18024 -> 16327 bytes .../more-less/chromium/with-custom-blur.png | Bin 13890 -> 12665 bytes .../more-less/chromium/with-custom-height.png | Bin 9451 -> 9350 bytes components/more-less/test/more-less.vdiff.js | 2 +- 11 files changed, 4 insertions(+), 61 deletions(-) diff --git a/components/more-less/README.md b/components/more-less/README.md index 01e71a82b7f..320056f3429 100644 --- a/components/more-less/README.md +++ b/components/more-less/README.md @@ -20,7 +20,6 @@ The `d2l-more-less` element can be used to minimize the display of long content, | Property | Type | Description | |---|---|---| -| `blur-color` | String | Gradient HEX formatted color of the blurring effect (defaults to white). | | `expanded` | Boolean | Specifies the expanded/collapsed state of the content | | `h-align` | String | A value of `text` aligns the leading edge of text | | `height` | String, default: `'4em'` | Maximum height of the content when in "less" mode. The `d2l-more-less` element itself will take up additional vertical space for the fading effect as well as the more/less button itself. | diff --git a/components/more-less/demo/more-less.html b/components/more-less/demo/more-less.html index 900345be09f..e48dfe9f761 100644 --- a/components/more-less/demo/more-less.html +++ b/components/more-less/demo/more-less.html @@ -45,18 +45,6 @@

More-less expanded

-

More-less with custom blur color

- - - - -