common-ui/src/assets/styles/common-dialogs.scss
2023-09-15 13:53:09 +03:00

75 lines
1.4 KiB
SCSS

@use 'common-mixins';
.mat-mdc-dialog-container .mdc-dialog__surface {
--mdc-dialog-container-color: var(--iqser-background);
display: flex !important;
flex-direction: row;
color: var(--iqser-text);
padding: 0 !important;
border-radius: 8px !important;
@include common-mixins.scroll-bar;
> * {
display: flex;
flex: 1;
}
}
.use-backslash-n-as-line-break {
white-space: pre-line !important;
}
.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;
&.redaction {
.selected-text {
font-weight: bold;
padding-bottom: 8px;
}
iqser-details-radio {
padding-top: 20px;
}
}
}
.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;
}
}