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

DTL dialogs : style optimization-request-dialog + fix project-request-dialog

Browse source
This commit is contained in:
Timothée Goguely 2025-01-27 19:34:18 +01:00
parent 67f41757f5
commit f92dc8ac85
3 changed files with 122 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -228,25 +228,43 @@
}
/* Project Request Dialog */
#project-request-dialog {
#project-request-dialog,
#optimization-request-dialog {
--dialog-max-w: 704px;
--dialog-max-h: 712px;
--dialog-header-h: 6rem;
--dialog-background: var(--color-white);
color: var(--color-black);
align-items: stretch;
overflow: hidden;
}
#project-request-dialog [data-pc-section="header"] h2 {
left: 0 !important;
right: 0 !important;
#optimization-request-dialog {
--dialog-max-h: 676px;
--dialog-header-h: 8rem;
}
#optimization-request-dialog [data-pc-section="header"] {
flex-direction: column;
align-items: center;
gap: 0;
}
#optimization-request-dialog [data-pc-section="header"] [data-icon="leaf"] {
}
#project-request-dialog h2,
#optimization-request-dialog h2 {
position: static !important;
color: var(--color-black);
margin-block: var(--space-16) !important;
}
#project-request-dialog [data-pc-name="pcclosebutton"] {
#project-request-dialog [data-pc-name="pcclosebutton"],
#optimization-request-dialog [data-pc-name="pcclosebutton"] {
display: none;
}
#project-request-dialog form {
max-width: unset;
#project-request-dialog form,
#optimization-request-dialog form {
max-width: var(--dialog-max-w);
height: calc(var(--dialog-max-h) - var(--dialog-header-h));
background: none;
}
#project-request-dialog #project-dtl {
position: relative;
@ -263,9 +281,22 @@
appearance: auto;
accent-color: var(--color-primary);
}
#project-request-dialog [data-icon="leaf"] {
padding: var(--space-4) var(--space-8);
#optimization-request-dialog select {
background-image: var(--icon-chevron-single-down-grey);
background-position: center right 1rem;
background-repeat: no-repeat;
}
#project-request-dialog [data-icon="leaf"],
#optimization-request-dialog [data-icon="leaf"] {
--column-gap: var(--space-4);
padding: 0.25rem var(--space-8) 0.375rem;
background: var(--color-dtl-15);
color: var(--color-dtl);
border-radius: var(--rounded-md);
line-height: 1;
font-weight: 500;
}
#project-request-dialog [data-icon="leaf"]::before,
#optimization-request-dialog [data-icon="leaf"]::before {
transform: translateY(.125rem);
}