Use the pill styling elsewhere...

TODO: Probably change the %tag to %pill now I've remembered the word I was
looking for!
This commit is contained in:
John Cowen 2018-06-20 15:14:16 +01:00
parent fb5c2f737b
commit d64528665d
4 changed files with 11 additions and 4 deletions

View File

@ -45,6 +45,7 @@
@import 'components/notice';
@import 'routes/dc/service/index';
@import 'routes/dc/nodes/index';
@import 'routes/dc/kv/index';
main a {

View File

@ -6,6 +6,8 @@ html.template-service.template-show main dl {
html.template-service.template-show main dt {
display: none;
}
// TODO: Generalize this, also see nodes/index
html.template-service.template-list td.tags span,
html.template-service.template-show main dd span {
@extend %tag;
background-color: $gray;

View File

@ -20,9 +20,11 @@
<td data-test-service-port="{{item.Port}}" class="port">
{{item.Port}}
</td>
<td>
<td data-test-service-tags class="tags">
{{#if (gt item.Tags.length 0)}}
{{join ', ' item.Tags}}
{{#each item.Tags as |item|}}
<span>{{item}}</span>
{{/each}}
{{/if}}
</td>
{{/block-slot}}

View File

@ -35,9 +35,11 @@
<dd title="Critical" class={{if (lt item.ChecksCritical 1) 'zero'}} style={{criticalWidth}}>{{format_number item.ChecksCritical}}</dd>
</dl>
</td>
<td style={{remainingWidth}}>
<td class="tags" style={{remainingWidth}}>
{{#if (gt item.Tags.length 0)}}
{{join ', ' item.Tags}}
{{#each item.Tags as |item|}}
<span>{{item}}</span>
{{/each}}
{{/if}}
</td>
{{/block-slot}}