1
0
mirror of https://github.com/ansible/awx.git synced 2024-10-31 15:21:13 +03:00

Center survey maker delete dialog in browser window

This commit is contained in:
Marliana Lara 2017-08-15 12:48:49 -04:00
parent e478b6a5ea
commit 2a94d48780

View File

@ -1,10 +1,15 @@
@import "./client/src/shared/branding/colors.default.less";
.position-center {
left: 0;
right: 0;
margin: auto;
}
.SurveyMaker-dialog {
left: 50vw !important;
max-width: 1200px;
padding: 0px;
transform: translate(-50%, 0%);
.position-center;
.ui-dialog-buttonpane, .ui-dialog-titlebar {
display:none;
@ -134,12 +139,13 @@
align-items: center;
justify-content: center;
border-radius: 4px;
}
.SurveyMaker-deleteModal {
height: 200px;
width: 600px;
background-color: @default-bg;
border-radius: 5px;
.Modal-content {
position: fixed;
top: ~"calc(50% - 100px)";
width: 600px;
.position-center;
}
}
.SurveyMaker-previewInputRow {
display: flex;
@ -244,5 +250,9 @@
@media screen and (max-width: 600px) {
.SurveyMaker-dialog {
max-width: 100vw;
.Modal-content {
max-width: ~"calc(100vw - 50px)";
}
}
}