ui: Make the topology cards into links (#8911)

This commit is contained in:
Kenia 2020-10-09 16:57:08 -04:00 committed by GitHub
parent a1cf7889e5
commit 851705e93d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 6 deletions

View File

@ -1,6 +1,6 @@
{{#each @items as |item|}} {{#each @items as |item|}}
<div <a class="card"
class="card" href={{href-to "dc.services.show.index" item.Name}}
data-permission={{service/intention-permissions item}} data-permission={{service/intention-permissions item}}
id="{{item.Namespace}}{{item.Name}}" id="{{item.Namespace}}{{item.Name}}"
> >
@ -52,5 +52,5 @@
<TopologyMetrics::Stats @endpoint='downstream-summary-for-service' @service={{@service}} @item={{item.Name}} /> <TopologyMetrics::Stats @endpoint='downstream-summary-for-service' @service={{@service}} @item={{item.Name}} />
{{/if}} {{/if}}
{{/if}} {{/if}}
</div> </a>
{{/each}} {{/each}}

View File

@ -53,8 +53,9 @@
} }
#upstream-container .card, #upstream-container .card,
#downstream-container .card { #downstream-container .card {
display: flex; display: block;
flex-direction: column; color: $gray-700;
overflow: hidden;
p { p {
padding: 12px 12px 0 12px; padding: 12px 12px 0 12px;
font-size: 16px; font-size: 16px;

View File

@ -5,8 +5,8 @@
justify-content: space-between; justify-content: space-between;
align-items: stretch; align-items: stretch;
width: 100%; width: 100%;
overflow: hidden;
height: 46px; height: 46px;
overflow: hidden;
dl { dl {
display:flex; display:flex;
margin-bottom: 50px; // pushes wrapped metrics well out of the bounding box to hide them. margin-bottom: 50px; // pushes wrapped metrics well out of the bounding box to hide them.