ui: add job client status help message

hashicorp · Oct 7, 2021 · 8c8c3fd · 8c8c3fd
1 parent 0dbf4a0
commit 8c8c3fd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/ui/app/styles/components/accordion.scss b/ui/app/styles/components/accordion.scss
@@ -33,6 +33,11 @@
     .accordion-head-content {
       width: 100%;
       margin-right: 1.5em;
+
+      .tooltip {
+        margin-left: 0.5rem;
+        margin-right: 0.5rem;
+      }
     }
 
     .accordion-toggle {

diff --git a/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs b/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
@@ -12,6 +12,9 @@
         <span class="badge {{if a.isOpen "is-white" "is-light"}}">
           {{this.jobClientStatus.totalNodes}}
         </span>
+        <span class="tooltip multiline" aria-label="Aggreate status of job's allocations in each client.">
+          {{x-icon "info-circle-outline" class="is-faded"}}
+        </span>
       </div>
       {{#unless a.isOpen}}
         <div class="column">