1 line
2.2 KiB
CSS
1 line
2.2 KiB
CSS
|
.formDialog{display:flex;flex-direction:column;position:relative;max-height:85%;min-width:20%;min-width:clamp(20%,60ch,50%);max-width:90%}.formDialogHeader{padding:1em 1.25em;display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:4.79em;position:relative}.formDialogHeaderTitle{margin-top:0;margin-bottom:0}.formDialogHeaderTitle-centered{max-width:calc(100% - 12ch);white-space:nowrap;overflow:hidden}.formDialogContent:not(.no-grow){flex-grow:1}.dialogContentInner{padding-bottom:14em;padding-top:1em}.dialogContentInner-normalbottompadding{padding-bottom:1em}.dialog-content-centered{margin:0 auto;width:90ch;max-width:100%}.dialog-content-centered.padded-left,.dialog-content-centered.padded-right{box-sizing:border-box;width:97ch}@supports (height:calc(3.125em + 2 * max(3em,4em))){.dialog-content-centered.padded-left,.dialog-content-centered.padded-right{width:calc(90ch + 2 * min(4vw,2.7rem))}}.dialog-content-centered-mini,.dialog-content-centered-mini.padded-left,.dialog-content-centered-mini.padded-right{width:50ch}.dialogContentTitle{margin-top:1em}.formDialogFooter{bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;display:flex;position:absolute;padding:1.5em 1em 1.5em;padding-bottom:calc(1.5em + env(safe-area-inset-bottom,0));z-index:1;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:row;box-sizing:border-box}.formDialogFooter-wizard{justify-content:flex-end}.formDialogFooter-flex{position:static;width:100%}.layout-tv .formDialogFooter{position:static;padding:1.25em 0;background:0 0!important;width:auto}.formDialogFooterItem{margin:.5em!important;flex-grow:1;max-width:90ch}@supports selector(:hover) and (display:revert) and (column-gap:1em){.formDialogFooter{column-gap:.75em;row-gap:.75em}.formDialogFooterItem{margin:0!important}}.formDialogFooterItem-autosize{flex-grow:initial;padding-inline-start:2em;padding-inline-end:2em}@media all and (orientation:portrait){.formDialogFooter{flex-direction:column}.formDialogFooterItem{flex-grow:1;width:100%;justify-content:center;padding-top:.8em;padding-bottom:.8em}}@supports selector(:hover) and (display:revert) and (column-gap:1em){.dialogHeaderButton{margin:0}.formDialogHeader{column-gap:1.25ch;row-gap:1em}}
|