Fix error/notification box displaying over dialog

agustinlg · agustinlg · commit 30f64579348d · 2017-08-01T15:10:30.000-03:00
diff --git a/app/styles/less/main.less b/app/styles/less/main.less
@@ -39,7 +39,7 @@ div[role=raml-editor] {
 }
 
 div[role=raml-editor] > div[role=notifications] {
-  z-index: 1045;
+  z-index: 1051; // must be bigger than dialog z-index
   background-color: #caccd4;
   position: absolute;
   top: 0px;
diff --git a/app/styles/less/modal.less b/app/styles/less/modal.less
@@ -436,7 +436,7 @@ label {
   // Automatically set modal's width for larger viewports
   .modal-dialog {
     width: @modal-md;
-    margin: 30px auto;
+    margin: 75px auto 0;
   }
   .modal-content {
     .box-shadow(0 5px 15px rgba(0,0,0,.5));
diff --git a/dist/styles/api-designer.css b/dist/styles/api-designer.css
@@ -40,7 +40,7 @@ div[role=raml-editor] .hide-display {
   display: none !important;
 }
 div[role=raml-editor] > div[role=notifications] {
-  z-index: 1045;
+  z-index: 1051;
   background-color: #caccd4;
   position: absolute;
   top: 0px;
@@ -1300,7 +1300,7 @@ label {
 @media (min-width: 768px) {
   .modal-dialog {
     width: 600px;
-    margin: 30px auto;
+    margin: 75px auto 0;
   }
   .modal-content {
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
diff --git a/dist/styles/api-designer.min.css b/dist/styles/api-designer.min.css

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ div[role=raml-editor] {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`div[role=raml-editor] > div[role=notifications] {`
`42`		`- z-index: 1045;`
	`42`	`+ z-index: 1051; // must be bigger than dialog z-index`
`43`	`43`	`background-color: #caccd4;`
`44`	`44`	`position: absolute;`
`45`	`45`	`top: 0px;`
Original file line number	Diff line number	Diff line change
`@@ -436,7 +436,7 @@ label {`
`436`	`436`	`// Automatically set modal's width for larger viewports`
`437`	`437`	`.modal-dialog {`
`438`	`438`	`width: @modal-md;`
`439`		`- margin: 30px auto;`
	`439`	`+ margin: 75px auto 0;`
`440`	`440`	`}`
`441`	`441`	`.modal-content {`
`442`	`442`	`.box-shadow(0 5px 15px rgba(0,0,0,.5));`