notification bubble added for ajax errors, added dynamic ajax tmeo

2016-04-01 13:55:23 +02:00
parent 7a6bdef334
commit 5376f1ba7b
21 changed files with 171 additions and 56 deletions
@@ -39,3 +39,31 @@
 		margin-bottom: 0;
 	}
 }
+
+// "toast"
+.ErrMsg {
+	position: fixed;
+	bottom: dist(2);
+	padding: dist(-1) dist(0);
+	left: 50%;
+	@include translate(-50%,0);
+	-webkit-font-smoothing: subpixel-antialiased;
+	-webkit-transform: translateZ(0) scale(1.0, 1.0);
+
+	background: #d03e42;
+	color: white;
+	text-shadow: 0 0 2px black;
+	box-shadow: 0 0 6px 0 rgba(black, .6);
+	border-radius: 5px;
+
+	max-width: 80%;
+
+	@include media($phone) {
+		width: calc(100% - #{dist(0)});
+	}
+
+	transition: opacity .5s;
+	opacity: 0;
+	&.visible { opacity: 1 }
+	&.hidden { display: none }
+}