diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css index b19db7f..c0114d5 100644 --- a/src/assets/css/src/2.blocks.button.css +++ b/src/assets/css/src/2.blocks.button.css @@ -30,10 +30,15 @@ .btn[disabled] { cursor: not-allowed; - background: var(--color-black-10); + --btn-background: var(--color-black-10); --btn-color: var(--color-black-20) !important; --icon-color: var(--color-black-20) !important; } +.btn--white[disabled] { + --btn-background: var(--color-white); + --btn-color: var(--color-grey-700) !important; + opacity: .5; +} .btn.active, .btn[aria-pressed="true"], diff --git a/src/assets/css/src/2.blocks.design-to-light.css b/src/assets/css/src/2.blocks.design-to-light.css index 72dba17..93bd7c7 100644 --- a/src/assets/css/src/2.blocks.design-to-light.css +++ b/src/assets/css/src/2.blocks.design-to-light.css @@ -147,7 +147,7 @@ top: 2rem; bottom: 5.5rem; color: var(--color-white); - z-index: 9999; + z-index: 999; overflow: hidden; } #dtl-panel.with-dialog { @@ -198,7 +198,7 @@ height: calc(100% - 3.5rem); } #dtl-panel [role="tablist"] + section { - height: calc(100% - 6.25rem); + height: calc(100% - 6rem); } #dtl-panel h3 { diff --git a/src/assets/css/src/2.blocks.dialog.css b/src/assets/css/src/2.blocks.dialog.css index 52f6752..8383daa 100644 --- a/src/assets/css/src/2.blocks.dialog.css +++ b/src/assets/css/src/2.blocks.dialog.css @@ -262,12 +262,6 @@ #optimization-request-dialog [data-pc-name="pcclosebutton"] { display: none; } -#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; padding-left: var(--space-64); diff --git a/src/components/design-to-light/DTLPanel.vue b/src/components/design-to-light/DTLPanel.vue index 0ce2236..8c54011 100644 --- a/src/components/design-to-light/DTLPanel.vue +++ b/src/components/design-to-light/DTLPanel.vue @@ -163,6 +163,7 @@