Update relationship cell height to be smart and maximise space
This commit is contained in:
parent
68f21274ed
commit
f3de39b0c5
|
@ -141,7 +141,6 @@
|
||||||
const open = async () => {
|
const open = async () => {
|
||||||
isOpen = true
|
isOpen = true
|
||||||
valuesHeight = container.getBoundingClientRect().height
|
valuesHeight = container.getBoundingClientRect().height
|
||||||
console.log(valuesHeight)
|
|
||||||
|
|
||||||
// Find the primary display for the related table
|
// Find the primary display for the related table
|
||||||
if (!primaryDisplay) {
|
if (!primaryDisplay) {
|
||||||
|
@ -345,7 +344,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: 120px;
|
--max-relationship-height: 96px;
|
||||||
}
|
}
|
||||||
.wrapper.focused {
|
.wrapper.focused {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -455,8 +454,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-height: calc(
|
max-height: calc(
|
||||||
var(--max-cell-render-height) + var(--row-height) -
|
var(--max-cell-render-height) + var(--row-height) - var(--values-height)
|
||||||
var(--max-relationship-height)
|
|
||||||
);
|
);
|
||||||
background: var(--grid-background-alt);
|
background: var(--grid-background-alt);
|
||||||
border: var(--cell-border);
|
border: var(--cell-border);
|
||||||
|
|
Loading…
Reference in New Issue