John Cowen 9ee30c08d6
ui: Various CSS amends (#8708)
* ui: Various CSS amends

1. Split out %icon-definition from %composite-row
2. Add hover effect to node listing
3. Fix up proxy level list components
4. Rename our various pills to use a 100-900 scale
5. Reogranize other icon related things (consul-kind and
consul-external-source)

* Fix up upstream test
2020-09-22 18:20:44 +01:00

70 lines
1.3 KiB
Handlebars

<ul data-test-proxy-exposed-paths>
{{#each items as |path|}}
<li>
<div class="header">
{{#let (concat address ':' path.Path) as |combinedAddress|}}
<p class="combined-address">
<span>
{{combinedAddress}}
</span>
<CopyButton
@value={{combinedAddress}}
@name="Address"
/>
</p>
{{/let}}
</div>
<div class="detail">
{{#if path.Protocol}}
<dl class="protocol">
<dt>
<Tooltip>
Protocol
</Tooltip>
</dt>
<dd>
{{path.Protocol}}
</dd>
</dl>
{{/if}}
{{#if path.ListenerPort}}
<dl class="port">
<dt>
<Tooltip>
Port
</Tooltip>
</dt>
<dd>
listening on :{{path.ListenerPort}}
</dd>
</dl>
{{/if}}
{{#if path.LocalPathPort}}
<dl class="port">
<dt>
<Tooltip>
Port
</Tooltip>
</dt>
<dd>
local port :{{path.LocalPathPort}}
</dd>
</dl>
{{/if}}
{{#if path.Path}}
<dl class="path">
<dt>
<Tooltip>
Path
</Tooltip>
</dt>
<dd>
{{path.Path}}
</dd>
</dl>
{{/if}}
</div>
</li>
{{/each}}
</ul>