•
@@ -54,14 +58,14 @@ class TargetOption extends Component {
return (
-
+
);
}
diff --git a/frontend/components/forms/fields/SelectTargetsDropdown/TargetOption/_styles.scss b/frontend/components/forms/fields/SelectTargetsDropdown/TargetOption/_styles.scss
index 506b90a037..c9930b0395 100644
--- a/frontend/components/forms/fields/SelectTargetsDropdown/TargetOption/_styles.scss
+++ b/frontend/components/forms/fields/SelectTargetsDropdown/TargetOption/_styles.scss
@@ -7,12 +7,6 @@
font-size: 15px;
}
- &__add-btn {
- color: $accent-medium;
- font-size: $medium;
- padding: 0 $pad-half;
- }
-
&__wrapper {
@include display(flex);
@include align-items(stretch);
@@ -26,12 +20,18 @@
font-size: $small;
font-weight: $normal;
text-transform: none;
+ padding: 0 $pad-half;
+ }
+
+ &__add-btn {
+ @include transition(color 0ms);
+ color: $success;
+ font-size: $base;
}
&__target-content {
@include flex-grow(1);
text-align: left;
- padding-right: $pad-half;
}
&__count {
@@ -53,6 +53,18 @@
&__icon {
color: $text-medium;
font-size: $small;
+
+ &--online {
+ color: $success;
+ }
+
+ &--offline {
+ color: $alert;
+ }
+
+ &--mia {
+ color: $text-dark;
+ }
}
&__ip {
diff --git a/frontend/components/forms/fields/SelectTargetsDropdown/_styles.scss b/frontend/components/forms/fields/SelectTargetsDropdown/_styles.scss
index 283e99577c..f73a700ea1 100644
--- a/frontend/components/forms/fields/SelectTargetsDropdown/_styles.scss
+++ b/frontend/components/forms/fields/SelectTargetsDropdown/_styles.scss
@@ -39,6 +39,12 @@
border-width: 8px 8px 2.5px;
}
+ &.is-open {
+ .Select-arrow {
+ border-width: 2.5px 8px 8px;
+ }
+ }
+
.Select-input {
height: 46px;
margin: 0 0 0 $pad-base;
@@ -80,7 +86,7 @@
}
.target-option__add-btn {
- color: $brand-ultralight;
+ color: $white;
}
.target-option__count {