diff --git a/CHANGELOG.md b/CHANGELOG.md index cbbdd17c3..c59d98a03 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,11 @@ +## Unreleased + +### Fixed +- `filter-dropdown-remove:after` no longer positioned absolutely + +### Modified +- `btn-clear` has bg white, rathe than transparent for ACAG on light grays. + ## 1.0.0-beta.30 ### Removed diff --git a/docs/source/table_of_contents.yml b/docs/source/table_of_contents.yml index d32d43ae7..b816396df 100644 --- a/docs/source/table_of_contents.yml +++ b/docs/source/table_of_contents.yml @@ -372,19 +372,13 @@ components: modifiers: true - title: 'Text Inputs' link: text-inputs - modifiers: - - 'input-error' - - 'input-warning' - - 'input-success' + modifiers: true - title: 'Input Groups' link: input-groups modifiers: true - title: 'Selects' link: selects - modifiers: - - input-error - - input-warning - - input-success + modifiers: true - title: 'Checkboxes' link: checkboxes modifiers: true diff --git a/lib/sass/calcite-web/components/_button.scss b/lib/sass/calcite-web/components/_button.scss index d1fd46ddc..b3d8dec66 100644 --- a/lib/sass/calcite-web/components/_button.scss +++ b/lib/sass/calcite-web/components/_button.scss @@ -43,7 +43,7 @@ @mixin btn-clear() { color: $blue; - background: transparent; + background: $white; border-color: $blue; &:hover { color: $white; diff --git a/lib/sass/calcite-web/patterns/_filter-dropdown.scss b/lib/sass/calcite-web/patterns/_filter-dropdown.scss index 8ef53fd92..fce3325d5 100644 --- a/lib/sass/calcite-web/patterns/_filter-dropdown.scss +++ b/lib/sass/calcite-web/patterns/_filter-dropdown.scss @@ -125,7 +125,7 @@ @include box-sizing(border-box); position: relative; display: inline-block; - padding: $baseline/3 $baseline $baseline/3 $baseline/3; + padding: $baseline/3 0 $baseline/3 $baseline/3; margin-right: $baseline/6; margin-top: $baseline/6; color: $darker-gray; @@ -140,8 +140,7 @@ @include font-size(-1); @extend %icon-font-styles; @extend .icon-ui-close:before; - position: absolute; - right: 0; + margin-left: $baseline/3; @if ($include-right-to-left) { html[dir="rtl"] & { right: auto;