ui: Stop tables overlapping with their headers when scrolling (#11670)

This commit is contained in:
John Cowen 2021-12-06 16:09:15 +00:00 committed by GitHub
parent 80422c0dfe
commit 08b100c1b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 40 additions and 1 deletions

3
.changelog/11670.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:bug
ui: Fix visual issue with slight table header overflow
```

View File

@ -0,0 +1,36 @@
# Consul::Intention::List
A component for rendering Intentions.
There are some extra conextual components to use here due to how we detect
intention CRDs and make that easy to work with/add necessary notices. The
notice will only show if applicable, but the contextual component is used to
define where that is when it does display.
```hbs preview-template
<DataSource @src="/partition/default/dc-1/intentions" as |source|>
<Consul::Intention::List
@items={{source.data}}
@delete={{noop}}
as |list|>
<list.CustomResourceNotice />
<list.Table />
</Consul::Intention::List>
</DataSource>
```
## Arguments
| Argument/Attribute | Type | Default | Description |
| --- | --- | --- | --- |
| `items` | `array` | | An array of Intentions |
| `ondelete` | `function` | | An action to execute when the `Delete` action is clicked |
## See
- [Template Source Code](./index.hbs)
---

View File

@ -5,7 +5,7 @@ table.dom-recycling {
%dom-recycling-table tbody {
/* tbodys are all absolute so,*/
/* make room for the header */
top: 29px !important;
top: 33px !important;
/* Make room for the header, plus 20px for a margin on the bottom */
width: 100%;
}