gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Embed interactive search field in large table

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-04 18:28:51 +02:00
parent 69855cbe57
commit a3b5ea3bf0
2 changed files with 29 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/42-components-data-display.css
-36
View File
@@ -78,42 +78,6 @@
gap: var(--spacing-large);
}
.sg-large-table__search {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--spacing-small);
margin-left: auto;
}
.sg-large-table__search-label {
color: var(--text-card-header);
font-family: var(--font-family-base);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-base);
white-space: nowrap;
}
.sg-large-table__search-input {
width: 14rem;
max-width: 100%;
box-sizing: border-box;
padding: 0.35rem var(--spacing-small);
border: var(--border-none);
border-radius: var(--radius-card);
background: var(--color-white);
color: var(--text-control-default);
font-family: var(--font-family-base);
font-size: var(--font-size-small);
line-height: var(--line-height-base);
}
.sg-large-table__search-input:focus-visible {
outline: 2px solid var(--color-white);
outline-offset: 2px;
}
.sg-large-table__row {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));