Merge pull request #650 from nikolaswise/master

Faux Transarent Buttons
Esri · Aug 11, 2016 · 72c1b99 · 72c1b99
2 parents 0da101e + d7427e8
commit 72c1b99
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;