design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(styles): adjust searchGrid layout for content-based sizing

Browse Source
This commit is contained in:
Jürgen Kunz
2025-09-16 15:28:12 +00:00
parent e32b9589a5
commit 286a6f9088
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ts_web/elements/dees-table/styles.ts
View File

@@ -93,7 +93,7 @@ export const tableStyles: CSSResult[] = [
.searchGrid { .searchGrid {
display: grid; display: grid;
grid-gap: 16px; grid-gap: 16px;
grid-template-columns: 1fr minmax(280px, 420px); grid-template-columns: 1fr max-content;
padding: 16px 24px; padding: 16px 24px;
background: ${cssManager.bdTheme('hsl(210 40% 98%)', 'hsl(0 0% 3.9%)')}; background: ${cssManager.bdTheme('hsl(210 40% 98%)', 'hsl(0 0% 3.9%)')};
border-bottom: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')}; border-bottom: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
@@ -106,10 +106,7 @@ export const tableStyles: CSSResult[] = [
} }
} }
/* ensure the control fills its column */ /* let search mode size to content (no forced width) */
.searchGrid dees-input-multitoggle {
width: 100%;
}
.searchGrid.hidden { .searchGrid.hidden {
height: 0px; height: 0px;