src/ztfy/myams/resources/less/modal.less
changeset 182 681edeb5c6ef
parent 156 61176c64158d
child 206 02a40997d8cb
--- a/src/ztfy/myams/resources/less/modal.less	Thu Oct 06 17:07:35 2016 +0200
+++ b/src/ztfy/myams/resources/less/modal.less	Fri Oct 14 12:19:10 2016 +0200
@@ -69,11 +69,39 @@
 }
 
 .modal-overflow {
+	position: relative;
+
 	.modal-body {
 		overflow: hidden;
 	}
+	.scrollmarker {
+		position: absolute;
+		width: 100%;
+		height: 20px;
+
+		&.top {
+			background: -moz-linear-gradient(top,  rgba(50, 118, 177, 1) 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%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
+			background: -webkit-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
+			background: -o-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
+			background: -ms-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
+			background: linear-gradient(to bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
 }
+		&.bottom {
+			background: -moz-linear-gradient(bottom,  rgba(50, 118, 177, 1) 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%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
+			background: -webkit-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
+			background: -o-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
+			background: -ms-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
+			background: linear-gradient(to top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
+		}
+	}
+}
+
 .modal-viewport {
+	overflow-x: hidden;
+	overflow-y: auto;
+
 	fieldset {
 		.alert {
 			margin: 0 -5px 5px!important;
@@ -285,30 +313,3 @@
 		}
 	}
 }
-
-.modal-overflow {
-	position: relative;
-
-	.scrollmarker {
-		position: absolute;
-		width: 100%;
-		height: 20px;
-
-		&.top {
-			background: -moz-linear-gradient(top,  rgba(50, 118, 177, 1) 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%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
-			background: -webkit-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
-			background: -o-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
-			background: -ms-linear-gradient(top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
-			background: linear-gradient(to bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
-		}
-		&.bottom {
-			background: -moz-linear-gradient(bottom,  rgba(50, 118, 177, 1) 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%,rgba(50, 118, 177, 1)), color-stop(17%,rgba(50, 118, 177, 0.83)), color-stop(100%,rgba(50, 118, 177,0))); /* Chrome,Safari4+ */
-			background: -webkit-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */
-			background: -o-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */
-			background: -ms-linear-gradient(bottom,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* IE10+ */
-			background: linear-gradient(to top,  rgba(50, 118, 177,1) 0%,rgba(50, 118, 177, 0.83) 17%,rgba(50, 118, 177, 0) 100%); /* W3C */
-		}
-	}
-}