From 2f88c55ec02467ac9cd7621960e47c7c95b6a16c Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 29 Sep 2021 09:40:56 -0400 Subject: [PATCH] fix default height --- docs/resources/changelog.md | 1 + src/components/progress-bar/progress-bar.styles.ts | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index a6e8fe86f..dc0f40e32 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -19,6 +19,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - Added a border to `` to improve contrast when drawn on various background colors - Changed the default `distance` in `` from `2` to `0` [#538](https://github.com/shoelace-style/shoelace/issues/538) - Fixed a bug where `` would be larger than the viewport when it had lots of options [#544](https://github.com/shoelace-style/shoelace/issues/544) +- Updated the default height of `` from `16px` to `1rem` and added a subtle shadow to indicate depth - Removed the `lit-html` dependency and moved corresponding imports to `lit` [#546](https://github.com/shoelace-style/shoelace/issues/546) ## 2.0.0-beta.52 diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts index e218df6c3..ef48d5574 100644 --- a/src/components/progress-bar/progress-bar.styles.ts +++ b/src/components/progress-bar/progress-bar.styles.ts @@ -5,7 +5,7 @@ export default css` ${componentStyles} :host { - --height: 16px; + --height: 1rem; --track-color: rgb(var(--sl-color-neutral-500) / 20%); --indicator-color: rgb(var(--sl-color-primary-600)); --label-color: rgb(var(--sl-color-neutral-0)); @@ -18,6 +18,7 @@ export default css` background-color: var(--track-color); height: var(--height); border-radius: var(--sl-border-radius-pill); + box-shadow: inset var(--sl-shadow-small); overflow: hidden; }