diff --git a/.changelog/10581.txt b/.changelog/10581.txt new file mode 100644 index 0000000000..574945a52f --- /dev/null +++ b/.changelog/10581.txt @@ -0,0 +1,3 @@ +```release-note:feature +ui: Splitting up the socket mode and socket path in the Upstreams Instance List +``` \ No newline at end of file diff --git a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs index df4d2391c8..0f97376991 100644 --- a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs +++ b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs @@ -38,32 +38,24 @@ {{/if}} {{#if item.LocalBindSocketPath}} -{{#let (if item.LocalBindSocketMode - (hash - label=(concat '(Local bind mode)') - value=(concat '(Mode:' item.LocalBindSocketMode ')') - ) - (hash - label="" - value="" - ) - ) -as |mode|}} -
+
- - Local bind socket {{mode.label}} - + Local bind socket path
{{item.LocalBindSocketPath}}
-{{/let}} +
+
mode
+
+ {{or item.LocalBindSocketMode '-'}} +
+
{{else}} {{#if (gt item.LocalBindPort 0)}} {{#let (concat (or item.LocalBindAddress '127.0.0.1') ':' item.LocalBindPort) as |combinedAddress|}} diff --git a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss index ea10171381..63f2ecf79e 100644 --- a/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss +++ b/ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.scss @@ -3,7 +3,7 @@ @extend %composite-row; } dl { - @extend %icon-definition; + @extend %horizontal-kv-list; } dl.datacenter dt::before { @extend %with-user-organization-mask, %as-pseudo; @@ -11,4 +11,7 @@ dl.nspace dt::before { @extend %with-folder-outline-mask, %as-pseudo; } + dl.local-bind-mode dt { + font-weight: $typo-weight-semibold; + } }