79 lines
1.3 KiB
SCSS
79 lines
1.3 KiB
SCSS
/* knk-overlay-backdrop */
|
|
.knk-overlay-backdrop.cdk-overlay-backdrop {
|
|
background-color: #000000;
|
|
|
|
&.cdk-overlay-backdrop-showing {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
/* knk-overlay-pane */
|
|
.knk-overlay-pane {
|
|
.mat-dialog-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.mat-dialog-title {
|
|
margin: 0;
|
|
}
|
|
|
|
.mat-dialog-content {
|
|
max-height: 90vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
&#{&}--knok {
|
|
.mat-dialog-container {
|
|
border-radius: 0;
|
|
background: transparent none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mat-dialog-content {
|
|
max-height: 100vh;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* knk-overlap-backdrop */
|
|
.knk-overlap-backdrop.cdk-overlay-backdrop {
|
|
background-color: transparent;
|
|
@include theming {
|
|
background-color: theme-get('color-background');
|
|
}
|
|
|
|
&.cdk-overlay-backdrop-showing {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/* knk-overlap-pane */
|
|
.knk-overlap-pane {
|
|
overflow: auto;
|
|
|
|
.mat-dialog-container {
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
@include theming {
|
|
background-color: theme-get('color-background');
|
|
}
|
|
}
|
|
|
|
.mat-dialog-content {
|
|
max-height: 100vh;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
/* @deprecated */
|
|
.knk-dialog-content.mat-dialog-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|