consul/ui/packages/consul-ui/app/components/definition-table
John Cowen f3d9565277
ui: Refactor KV and Lock Sessions following partitions update (#11666)
This commit uses all our new ways of doing things to Lock Sessions and their interactions with KV and Nodes. This is mostly around are new under-the-hood things, but also I took the opportunity to upgrade some of the CSS to reuse some of our CSS utils that have been made over the past few months (%csv-list and %horizontal-kv-list).

Also added (and worked on existing) documentation for Lock Session related components.
2021-12-01 11:33:33 +00:00
..
README.mdx ui: Fixup definition-table + copy-button margin (#10512) 2021-07-06 16:57:20 +01:00
debug.scss ui: Fixup definition-table + copy-button margin (#10512) 2021-07-06 16:57:20 +01:00
index.scss ui: Colocate remaining CSS components to the app/components folder (#10328) 2021-06-23 09:19:35 +01:00
layout.scss ui: Refactor KV and Lock Sessions following partitions update (#11666) 2021-12-01 11:33:33 +00:00
skin.scss ui: Colocate remaining CSS components to the app/components folder (#10328) 2021-06-23 09:19:35 +01:00

README.mdx

---
class: css
---
# definition-table

Simple CSS component to render a `dl` similar to a table with column headers.
Contents of the `dd` are currently inline-block'ed for CopyButton reasons.

```hbs preview-template
<div class="definition-table">
  <dl>
    <dt>Title 1</dt>
    <dd>Value</dd>
    <dt>Title 2</dt>
    <dd><CopyButton @name="Title 2" @value="Value"/>Value</dd>
  </dl>
</div>
```


```css
.definition-table {
  @extend %definition-table;
}
```