mirror of
https://github.com/status-im/consul.git
synced 2025-02-06 19:04:59 +00:00
06b6aff8d0
Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
29 lines
848 B
Handlebars
29 lines
848 B
Handlebars
{{yield}}
|
|
{{#if (gt items.length 0)}}
|
|
{{#tabular-collection
|
|
data-test-tokens
|
|
class='token-list'
|
|
rows=5
|
|
items=(sort-by 'AccessorID:asc' items) as |item index|
|
|
}}
|
|
{{#if caption}}
|
|
{{#block-slot 'caption'}}{{caption}}{{/block-slot}}
|
|
{{/if}}
|
|
{{#block-slot 'header'}}
|
|
<th>AccessorID</th>
|
|
<th>Scope</th>
|
|
<th>Description</th>
|
|
{{/block-slot}}
|
|
{{#block-slot 'row'}}
|
|
<td data-test-token="{{item.AccessorID}}">
|
|
<a href={{href-to 'dc.acls.tokens.edit' item.AccessorID}} target={{or target ''}}>{{truncate item.AccessorID 8 false}}</a>
|
|
</td>
|
|
<td>
|
|
{{if item.Local 'local' 'global'}}
|
|
</td>
|
|
<td>
|
|
<p>{{item.Description}}</p>
|
|
</td>
|
|
{{/block-slot}}
|
|
{{/tabular-collection}}
|
|
{{/if}} |