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

Add large table search filter

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-04 18:12:57 +02:00
parent fc86eb0697
commit 9ab23c47cc
2 changed files with 83 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/42-components-data-display.css
+43
View File
@@ -71,6 +71,49 @@
width: 100%;
}
.sg-large-table__title-segment {
flex-direction: row;
align-items: center;
justify-content: space-between;
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));