MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix row heights with sticky column

This commit is contained in:
Andrew Kingston 2023-04-17 13:53:24 +01:00
parent c4125b5a93
commit d38cf2d7f0
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend-core/src/components/sheet/cells/RelationshipCell.svelte
View File

@ -142,7 +142,7 @@
if (candidateIndex == null) { if (candidateIndex == null) {
candidateIndex = 0 candidateIndex = 0
} else { } else {
candidateIndex = Math.min(results.length - 1, candidateIndex + 1) candidateIndex = Math.min(searchResults.length - 1, candidateIndex + 1)
} }
} else if (e.key === "ArrowUp") { } else if (e.key === "ArrowUp") {
// Select previous result on up array // Select previous result on up array
@ -154,8 +154,8 @@
} }
} else if (e.key === "Enter") { } else if (e.key === "Enter") {
// Toggle the highlighted result on enter press // Toggle the highlighted result on enter press
if (candidateIndex != null && results[candidateIndex] != null) { if (candidateIndex != null && searchResults[candidateIndex] != null) {
toggleRow(results[candidateIndex]) toggleRow(searchResults[candidateIndex])
} }
} }
return true return true
@ -289,7 +289,7 @@
min-height: var(--row-height); min-height: var(--row-height);
max-height: var(--row-height); max-height: var(--row-height);
overflow: hidden; overflow: hidden;
--max-relationship-height: 92px; --max-relationship-height: 120px;
} }
.wrapper.focused { .wrapper.focused {
position: absolute; position: absolute;

7
packages/frontend-core/src/components/sheet/layout/StickyColumn.svelte
View File

@ -220,6 +220,13 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.checkbox :global(.spectrum-Checkbox) {
min-height: 0;
height: 20px;
}
.checkbox :global(.spectrum-Checkbox-box) {
margin: 3px 0 0 0;
}
.number { .number {
color: var(--spectrum-global-color-gray-500); color: var(--spectrum-global-color-gray-500);
} }