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

Merge pull request #7073 from marshmalien/fix/styleWideSurveyModal

Browse Source 
Add responsive styles to survey maker modal
This commit is contained in:
Marliana Lara
2017-07-14 14:12:13 -04:00
committed by GitHub
parent 450baf2e8d f2f3151414
commit 9e08243888
1 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,11 @@
@import "./client/src/shared/branding/colors.default.less"; @import "./client/src/shared/branding/colors.default.less";
.SurveyMaker-dialog { .SurveyMaker-dialog {
left: 50vw !important;
max-width: 1200px;
padding: 0px; padding: 0px;
margin-bottom: 20px; transform: translate(-50%, 0%);
width: ~"calc(100vw - 50px)" !important;
.ui-dialog-buttonpane, .ui-dialog-titlebar { .ui-dialog-buttonpane, .ui-dialog-titlebar {
display:none; display:none;
@@ -62,15 +65,14 @@
display: flex; display: flex;
margin-top: 25px; margin-top: 25px;
min-height: 560px; min-height: 560px;
flex-flow: row nowrap;
justify-content: space-around;
} }
.SurveyMaker-questionPanel { .SurveyMaker-questionPanel,
display: flex;
flex: 0 0 475px;
}
.SurveyMaker-previewPanel { .SurveyMaker-previewPanel {
display: flex; display: flex;
flex: 0 0 637px; flex: 0 0 90%;
max-width: 637px; max-width: 500px;
} }
.SurveyMaker-previewPanel--viewOnly { .SurveyMaker-previewPanel--viewOnly {
@@ -151,8 +153,7 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.SurveyMaker-previewInput { .SurveyMaker-previewInput {
flex: 1 0 523px; width: 100%;
max-width: 523px;
} }
.SurveyMaker-previewActions { .SurveyMaker-previewActions {
display: flex; display: flex;
@@ -231,3 +232,18 @@
} }
} }
} }
@media screen and (max-width: 1200px) {
.SurveyMaker-content {
flex-wrap: wrap;
justify-content: center;
}
.SurveyMaker-separatorPanel {
flex: 0 0 90%;
.SurveyMaker-contentSeparator {
width: 100%;
margin: 25px 0;
height: 1px;
}
}
}