studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

fix dialog and dtl-panel height issues

Browse source
This commit is contained in:
Timothée Goguely 2025-02-12 16:29:44 +01:00
parent bb2adabdeb
commit 390563be64
3 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/src/2.blocks.design-to-light.css
View file

@ -151,7 +151,7 @@
overflow: hidden;
}
#dtl-panel.with-dialog {
max-height: min(100vh - var(--gutter) * 2 - 5.5rem, 50rem);
max-height: min(100vh - var(--gutter) * 2, 50rem);
max-width: 25rem;
top: 0;
bottom: 0;

7
src/assets/css/src/2.blocks.dialog.css
View file

@ -2,7 +2,7 @@
.dialog {
--dialog-max-w: min(100vw - var(--gutter) * 2, 77rem);
--dialog-max-h: min(100vh - var(--gutter) * 2 - 5.5rem, 50rem);
--dialog-max-h: min(100vh - var(--gutter) * 2, 50rem);
--dialog-header-h: 4.5rem;
--dialog-footer-h: 4.5rem;
--dialog-comments-w: 22.5rem;
@ -76,15 +76,18 @@
.dialog__inner {
background: var(--dialog-inner-background, #f7f7f7);
height: 100%;
overflow-y: auto;
}
.dialog__inner .tracks-header {
background: var(--color-white-50);
border-radius: var(--rounded-xl);
padding: var(--space-8);
border: var(--border-width) solid var(--color-grey-200);
position: relative;
flex-wrap: nowrap;
gap: var(--space-8);
position: sticky;
top: 0;
z-index: 1;
}
.dialog__inner .tracks {
display: flex;

5
src/assets/css/src/2.blocks.track.css
View file

@ -3,13 +3,14 @@
/* Container */
.track {
--w: 100%;
--h: calc(100% - 74px);
--h: calc(100% - 4.666rem);
--x-steps: 14;
--y-steps: 5;
width: var(--w);
height: var(--h);
min-height: 25rem;
position: relative;
margin: var(--space-16) auto;
margin-top: var(--space-16);
border-radius: var(--rounded-lg);
display: flex;
gap: var(--gap);