luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Add a reusable %tag and use it for the ACL 'tags' ready to use elsewhere

This commit is contained in:
John Cowen 2018-06-20 14:01:42 +01:00
parent edc67aba44
commit fb5c2f737b
4 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui-v2/app/styles/components/table.scss
View File

@ -1,4 +1,9 @@
@import './icons';
@import './tag';
td strong {
@extend %tag;
background-color: $gray;
}
th {
color: $text-light !important;
}
@ -53,12 +58,6 @@ table td a {
tbody {
overflow-x: visible !important;
}
td strong {
display: inline-block;
background-color: $gray;
padding: 1px 5px;
border-radius: $radius-small;
}
th,
td:not(.actions),
td:not(.actions) a {

5
ui-v2/app/styles/components/tag.scss Normal file
View File

@ -0,0 +1,5 @@
%tag {
display: inline-block;
padding: 1px 5px;
border-radius: $radius-small;
}

11
ui-v2/app/styles/routes/dc/service/index.scss
View File

@ -1,8 +1,13 @@
@import '../../../components/tag';
html.template-service.template-show main dl {
display: flex;
margin-bottom: 1.4em;
}
html.template-service.template-show main dt::after {
content: ':';
margin-right: 0.2em;
html.template-service.template-show main dt {
display: none;
}
html.template-service.template-show main dd span {
@extend %tag;
background-color: $gray;
margin-bottom: 0.5em;
}

4
ui-v2/app/templates/dc/services/show.hbs
View File

@ -19,7 +19,9 @@
<dl>
<dt>Tags</dt>
<dd data-test-tags>
{{join ', ' item.Tags}}
{{#each item.Tags as |item|}}
<span>{{item}}</span>
{{/each}}
</dd>
</dl>
{{/if}}