luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

Add tooltip to the eligibility control

Browse source
This commit is contained in:
Michael Lange 2019-11-02 00:04:40 -07:00
parent 47daa980a5
commit a8af3d67be
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/app/styles/core/icon.scss
View file

@ -30,6 +30,7 @@ $icon-dimensions-large: 2rem;
&.is-faded { &.is-faded {
fill: $grey-light; fill: $grey-light;
color: $grey-light;
} }
@each $name, $pair in $colors { @each $name, $pair in $colors {

7
ui/app/templates/clients/client.hbs
View file

@ -11,7 +11,12 @@
{{or model.name model.shortId}} {{or model.name model.shortId}}
</h1> </h1>
<p> <p>
<label><input type="checkbox" /> Eligible</label> <label>
<input type="checkbox" /> Eligible
<span class="tooltip" aria-label="Only eligible nodes can receive allocations">
{{x-icon "info-circle-outline" class="is-faded"}}
</span>
</label>
<span class="tag is-hollow is-small no-text-transform"> <span class="tag is-hollow is-small no-text-transform">
{{model.id}} {{model.id}}
{{copy-button clipboardText=model.id}} {{copy-button clipboardText=model.id}}