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

ui: Layout fix. Small padding additions to tables (#4701)

Browse source 
1. The 'Services' header need to be knocked ot the right slightly to line
up properly with the service name when there are no external source
icons.
2. Add a single space between ServiceName and ServiceID on the Node >
[Services] tab table.
This commit is contained in:
John Cowen 2018-09-21 11:14:38 +01:00 committed by GitHub
parent df40c77e0e
commit 6c35480053
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui-v2/app/styles/routes/dc/service/index.scss
View file

@ -11,3 +11,7 @@ html.template-service.template-list td.tags span,
html.template-service.template-show main dd span {
@extend %pill;
}
html.template-node.template-show #services th:first-child,
html.template-service.template-list main th:first-child {
text-indent: 28px;
}

2
ui-v2/app/templates/dc/nodes/-services.hbs
View file

@ -18,7 +18,7 @@
<td data-test-service-name="{{item.Service}}">
<a href={{href-to 'dc.services.show' item.Service}}>
<span data-test-external-source="{{service/external-source item}}" style="background-image: {{css-var (concat '--' (service/external-source item) '-color-svg') 'none'}}"></span>
{{item.Service}}{{#if (not-eq item.ID item.Service) }}<em data-test-service-id="{{item.ID}}">({{item.ID}})</em>{{/if}}
{{item.Service}}{{#if (not-eq item.ID item.Service) }} <em data-test-service-id="{{item.ID}}">({{item.ID}})</em>{{/if}}
</a>
</td>
<td data-test-service-port="{{item.Port}}" class="port">