Use fixed backdrop for modal dialogs
authorThierry Florac <thierry.florac@onf.fr>
Mon, 02 Mar 2015 11:14:48 +0100
changeset 15 62b8c75f11e7
parent 14 76a03eab7472
child 16 bc06fca47fc7
Use fixed backdrop for modal dialogs
src/pyams_skin/resources/css/myams.css
src/pyams_skin/resources/less/modal.less
--- a/src/pyams_skin/resources/css/myams.css	Sat Feb 28 16:17:45 2015 +0100
+++ b/src/pyams_skin/resources/css/myams.css	Mon Mar 02 11:14:48 2015 +0100
@@ -2,7 +2,7 @@
  * MyAMS
  * « My Application Management Skin »
  *
- * $Tag: 0.1.12 $
+ * $Tag$
  * A bootstrap based application/administration skin
  *
  * Custom administration and application skin tools
@@ -3033,22 +3033,22 @@
  */
 @font-face {
   font-family: 'Ubuntu';
-  src: url('fonts/Ubuntu-C.eot');
-  src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg');
+  src: url('./fonts/Ubuntu-C.eot');
+  src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'Ubuntu-Light';
-  src: url('fonts/Ubuntu-L.eot');
-  src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg');
+  src: url('./fonts/Ubuntu-L.eot');
+  src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'Ubuntu-Bold';
-  src: url('fonts/Ubuntu-B.eot');
-  src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg');
+  src: url('./fonts/Ubuntu-B.eot');
+  src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg');
   font-weight: bold;
   font-style: normal;
 }
@@ -3705,6 +3705,7 @@
 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
+
 }
 #header {
   display: block;
@@ -4316,9 +4317,11 @@
 }
 .login-info span {
   /*height: 38px;*/
+
   display: inline-block;
   padding: 0 0 0 10px;
   /*border-bottom: 1px solid #1A1817;*/
+
 }
 .login-info span a.btn-success {
   margin-top: -10px;
@@ -4386,6 +4389,7 @@
   overflow: visible;
   /*border-bottom: 1px solid #1A1817;
 			border-top: 1px solid #525151;*/
+
 }
 .minified #left-panel > ul > li > ul::before,
 .minified nav > ul > li > ul::before {
@@ -4492,6 +4496,7 @@
 .minified nav > ul > li > ul > li {
   background-color: rgba(91, 103, 113, 0.8);
   /*background-color: rgba(69, 69, 69, .9);*/
+
 }
 .minified #left-panel > ul > li > ul > li > ul > li,
 .minified nav > ul > li > ul > li > ul > li {
@@ -10397,13 +10402,16 @@
   .btn-header a {
     margin-top: 9px!important;
     /*width: 40px!important;*/
+  
   }
 }
 @media (min-width: 768px) and (max-width: 880px) {
   .btn-header a {
     margin-top: 9px!important;
     /*width: 40px!important;*/
+  
     /*height: 39px!important;*/
+  
     line-height: 26px!important;
   }
 }
@@ -15094,6 +15102,7 @@
  */
 .modal-backdrop,
 .modal-backdrop.fade.in {
+  position: fixed;
   width: 100%;
   height: 100%;
 }
@@ -15333,30 +15342,42 @@
 .modal-overflow .scrollmarker.top {
   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* FF3.6+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
   /* Chrome,Safari4+ */
+
   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* Chrome10+,Safari5.1+ */
+
   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* Opera 11.10+ */
+
   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* IE10+ */
+
   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* W3C */
+
 }
 .modal-overflow .scrollmarker.bottom {
   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* FF3.6+ */
+
   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
   /* Chrome,Safari4+ */
+
   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* Chrome10+,Safari5.1+ */
+
   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* Opera 11.10+ */
+
   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* IE10+ */
+
   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
   /* W3C */
+
 }
 /*
  * Pricing-style component
--- a/src/pyams_skin/resources/less/modal.less	Sat Feb 28 16:17:45 2015 +0100
+++ b/src/pyams_skin/resources/less/modal.less	Mon Mar 02 11:14:48 2015 +0100
@@ -4,6 +4,7 @@
 
 .modal-backdrop,
 .modal-backdrop.fade.in {
+	position: fixed;
 	width: 100%;
 	height: 100%;
 }