fix(v9): small fixes to components (#838)

* fix(v9): small fixes to components * fix(tooltip): align focus on icon with text
carbon-design-system · Jun 4, 2018 · 7dd1465 · 7dd1465
1 parent 85405a7
commit 7dd1465
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/src/components/date-picker/_date-picker.scss b/src/components/date-picker/_date-picker.scss
@@ -114,6 +114,10 @@
     fill: $brand-01;
     cursor: pointer;
     z-index: 1;
+
+    &:hover {
+      fill: $hover-primary;
+    }
   }
 
   .#{$prefix}--date-picker__icon + .#{$prefix}--date-picker__input {

diff --git a/src/components/number-input/_number-input.scss b/src/components/number-input/_number-input.scss
@@ -93,13 +93,15 @@
     align-items: center;
     left: auto;
     right: 0.5rem;
-    bottom: 0.5rem;
+    bottom: 0.625rem;
   }
 
   .#{$prefix}--number__control-btn {
     @include button-reset;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
     position: relative;
-    bottom: 0;
     width: rem(20px);
     height: rem(10px);
 
@@ -118,8 +120,6 @@
 
   .#{$prefix}--number__controls svg {
     fill: $brand-01;
-    width: rem(9px);
-    height: rem(9px);
 
     // Hover styles for use with old HTML w/o button
     &:hover {
@@ -144,7 +144,7 @@
     }
 
     .#{$prefix}--number__controls {
-      bottom: 0.75rem;
+      bottom: 0.875rem;
     }
   }
 

diff --git a/src/components/text-input/_text-input.scss b/src/components/text-input/_text-input.scss
@@ -74,6 +74,10 @@
     }
   }
 
+  .#{$prefix}--text-input--light {
+    background-color: $field-02;
+  }
+
   // Skeleton State
   .#{$prefix}--text-input.#{$prefix}--skeleton {
     @include skeleton;

diff --git a/src/components/tooltip/_tooltip.scss b/src/components/tooltip/_tooltip.scss
@@ -24,6 +24,8 @@
   }
 
   .#{$prefix}--tooltip__trigger {
+    display: inline-flex;
+    align-items: center;
     margin-left: $spacing-xs;
     cursor: pointer;