app/assets/stylesheets/pageflow/editor/dialogs.scss
.dialog_container .dialog {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: transparent;
&:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--ui-backdrop-color);
}
.box {
display: flex;
flex-direction: column;
position: absolute;
top: space(10);
right: space(10);
bottom: space(10);
left: space(10);
margin: auto;
padding: space(4) space(6);
background-color: var(--ui-surface-color);
border-radius: rounded();
box-shadow: var(--ui-box-shadow-md);
}
.content,
.panels {
flex: 1;
min-height: 0;
margin-bottom: space(4);
}
.panels {
display: flex;
}
.content {
padding: 0 space(2) 0 space(2);
margin-left: space(-2);
overflow: auto;
}
.dialog-header {
font-size: 17px;
font-weight: bold;
margin: 0 0 space(4) 0;
}
.dialog-sub_header {
font-size: inherit;
font-weight: 500;
border-bottom: solid 1px var(--ui-on-surface-color-lighter);
margin: 0;
padding: space(1) 0;
}
.dialog-hint {
margin-bottom: space(4);
}
.footer {
text-align: right;
}
.close {
@include cancel-icon;
@include icon-button;
}
}