Add caret icon to time field select control. (#15811)

elastic · Jan 2, 2018 · ee2fd5b · ee2fd5b
1 parent 6fb7d52
commit ee2fd5b
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/...agement/sections/indices/create_index_pattern_wizard/step_time_field/step_time_field.html b/...agement/sections/indices/create_index_pattern_wizard/step_time_field/step_time_field.html
@@ -72,6 +72,20 @@ <h2 class="euiTitle euiTitle--small">
         <option>Loading...</option>
       </select>
 
+      <svg
+        class="euiIcon euiFormControlLayout__icon euiFormControlLayout__icon--right euiIcon--medium"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+      >
+        <defs>
+          <path id="arrow_down-a" d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"></path>
+        </defs>
+        <use fill-rule="nonzero" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow_down-a"></use>
+      </svg>
+
       <p
         ng-if="stepTimeField.canShowNoTimeBasedFieldsMessage()"
         class="euiTextColor euiTextColor--subdued euiText euiText--small"