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

maximize dialog size #153

Browse source
This commit is contained in:
Timothée Goguely 2025-07-25 17:26:42 +02:00
parent b548e2835d
commit 6baadb4e37
3 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/assets/css/src/1.0.global.css
View file

@ -20,6 +20,11 @@ body {
padding: var(--gutter); padding: var(--gutter);
} }
/* Scrollbar */
* {
scrollbar-color: hsla(180, 1%, 51%, .7) transparent;
}
/* If an element is [hidden] it needs to be max priority */ /* If an element is [hidden] it needs to be max priority */
.hidden, [hidden] { .hidden, [hidden] {
display: none !important; display: none !important;

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

@ -155,7 +155,7 @@
max-width: 25rem; max-width: 25rem;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin-block: auto; margin-top: var(--gutter);
z-index: 9999; z-index: 9999;
} }
#dtl-panel > header { #dtl-panel > header {

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

@ -1,8 +1,8 @@
/* DIALOG BLOCK */ /* DIALOG BLOCK */
.dialog { .dialog {
--dialog-max-w: min(100vw - var(--gutter) * 2, 77rem); --dialog-max-w: calc(100vw - var(--gutter) * 2);
--dialog-max-h: min(100vh - var(--gutter) * 2, 50rem); --dialog-max-h: calc(100vh - var(--gutter) * 2);
--dialog-header-h: 4.5rem; --dialog-header-h: 4.5rem;
--dialog-footer-h: 4.5rem; --dialog-footer-h: 4.5rem;
--dialog-comments-w: 22.5rem; --dialog-comments-w: 22.5rem;
@ -15,14 +15,13 @@
border-radius: var(--rounded-2xl); border-radius: var(--rounded-2xl);
overflow: hidden; overflow: hidden;
background: var(--dialog-background); background: var(--dialog-background);
margin: auto !important; margin: auto;
left: var(--gutter);
right: var(--gutter);
} }
.dialog.with-dtl { .dialog.with-dtl {
--dialog-max-w: min(100vw - var(--gutter) * 2 - 26rem, 77rem); --dialog-max-w: calc(100vw - var(--gutter) * 2 - 27rem);
margin-right: 30rem !important; margin-right: 29rem;
margin-left: var(--gutter);
} }
/* Header */ /* Header */