External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-26 07:26:03 -03:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #276 from marshmalien/fix/7418-position-center-delete-dialog

Browse Source 
Center survey maker delete confirmation dialog
This commit is contained in:
Marliana Lara
2017-08-15 12:58:54 -04:00
committed by GitHub
parent 3fceb36d0e 2a94d48780
commit 98d6450caa
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
awx/ui/client/src/templates/survey-maker/survey-maker.block.less
View File

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