common-ui/src/assets/styles/common-dialogs.scss

60 lines
1.1 KiB
SCSS

@use 'common-mixins';
.mat-mdc-dialog-container .mdc-dialog__surface {
display: flex !important;
flex-direction: row;
color: var(--iqser-text);
background-color: var(--iqser-background);
padding: 0 !important;
border-radius: 8px !important;
@include common-mixins.scroll-bar;
> * {
display: flex;
flex: 1;
}
}
.dialog {
position: relative;
min-height: 80px;
display: flex;
flex: 1;
flex-direction: column;
.dialog-close {
position: absolute;
top: 16px;
right: 16px;
}
.dialog-header {
padding: 32px 60px 0 32px;
}
.dialog-content {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px 32px 40px;
}
.dialog-actions {
height: 81px;
box-sizing: border-box;
border-top: 1px solid var(--iqser-separator);
padding: 0 32px;
align-items: center;
display: flex;
> *:not(iqser-help-button) {
margin-right: 16px;
}
}
.dialog-actions iqser-help-button {
margin-left: auto;
}
}