Merge pull request #844 from Adslot/fix-alert-input

fix: alert input styles
Adslot · May 6, 2019 · 912d07c · 912d07c
2 parents 43fb58a + d6dab1b
commit 912d07c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/src/components/adslot-ui/AlertInput/index.jsx b/src/components/adslot-ui/AlertInput/index.jsx
@@ -79,7 +79,7 @@ export default class AlertInput extends Component {
           triggers={['disabled']}
           popoverContent={<strong>{alertMessage}</strong>}
           placement="bottom"
-          className={popoverClassName}
+          popoverClassNames={popoverClassName}
         >
           <div className={className} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>
             {prefixAddon ? <span className={`${baseClass}-wrapper-addon`}>{prefixAddon}</span> : null}

diff --git a/src/components/adslot-ui/AlertInput/styles.scss b/src/components/adslot-ui/AlertInput/styles.scss
@@ -76,7 +76,7 @@
       border-color: $color-positive;
       color: $color-positive;
 
-      > .arrow {
+      > .aui--popover-arrow {
         border-bottom-color: $color-positive;
       }
     }
@@ -85,7 +85,7 @@
       border-color: $color-info;
       color: $color-info;
 
-      > .arrow {
+      > .aui--popover-arrow {
         border-bottom-color: $color-info;
       }
     }
@@ -94,7 +94,7 @@
       border-color: $color-warning;
       color: $color-warning;
 
-      > .arrow {
+      > .aui--popover-arrow {
         border-bottom-color: $color-warning;
       }
     }
@@ -103,7 +103,7 @@
       border-color: $color-negative;
       color: $color-negative;
 
-      > .arrow {
+      > .aui--popover-arrow {
         border-bottom-color: $color-negative;
       }
     }

diff --git a/src/components/third-party/Popover/styles.scss b/src/components/third-party/Popover/styles.scss
@@ -44,7 +44,7 @@ $arrow-border-size: 1px;
 
   .aui--popover-arrow {
     position: absolute;
-    border: 0 solid $color-border-light; // the color of the outer triangle
+    border: 0 solid $color-border-lighter; // the color of the outer triangle
 
     &::after {
       content: '';
@@ -174,7 +174,6 @@ $arrow-border-size: 1px;
   &.popover-light {
     $theme-background-color: $color-white;
     $theme-border-color: $color-gray-lighter;
-    @include theme-popover($theme-background-color, $theme-border-color);
     color: $color-gray-darkest;
 
     .popover-title {