kemko/nomad
1
0
Fork 0
mirror of https://github.com/kemko/nomad.git synced 2026-01-05 09:55:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

styling: update styling to match new figma mocks

Browse Source
This commit is contained in:
Jai Bhagat
2022-01-11 13:05:33 -05:00
parent 205a07c237
commit 1eebec0a03
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/styles/charts/distribution-bar.scss
View File

@@ -59,7 +59,6 @@
display: block;
background-color: transparent;
transition: background-color 0.1s ease-in-out;
border: 1px solid $grey-blue;
padding: 0.25em 0.75em;
margin: 0.25em;
border-radius: $radius;
@@ -111,7 +110,6 @@
&.is-empty {
color: darken($grey-blue, 20%);
border: none;
.label {
color: darken($grey-blue, 20%);

14
ui/app/templates/components/job-page/parts/summary-legend-item.hbs
View File

@@ -1,12 +1,18 @@
<div class="legend-item">
<span class="color-swatch {{if @datum.className @datum.className (concat "swatch-" @index)}}" />
<span
class="color-swatch {{if @datum.className @datum.className (concat "swatch-" @index)}}"
></span>
<span class="text">
<span class="value" data-test-legend-value="{{@datum.className}}">{{@datum.value}}</span>
<span class="label">{{@datum.label}}</span>
<span class="value" data-test-legend-value="{{@datum.className}}">
{{@datum.value}}
</span>
<span>
{{@datum.label}}
</span>
</span>
{{#if @datum.help}}
<span class="tooltip multiline" role="tooltip" aria-label="{{@datum.help}}">
{{x-icon "info-circle-outline" class="is-faded"}}
</span>
{{/if}}
</div>
</div>