Merge pull request #10881 from nextcloud/fix/10705/notification-width

Makes the notifications area width equal to the contents
nextcloud · Aug 28, 2018 · a3d61b4 · a3d61b4
2 parents a14fddc + a958ddf
commit a3d61b4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/core/css/mobile.scss b/core/css/mobile.scss
@@ -166,4 +166,9 @@
 			right: 27px;
 		}
 	}
+
+	#notification-container {
+		max-width: 100%;
+		width: 100%;
+	}
 }
diff --git a/core/css/styles.scss b/core/css/styles.scss
@@ -399,16 +399,17 @@ td.avatar {
 }
 
 #notification-container {
+	left: 50%;
+	max-width: 60%;
 	position: fixed;
 	top: 0;
-	width: 100%;
 	text-align: center;
+	transform: translateX(-50%);
 	z-index: 8000;
 }
 
 #notification {
 	margin: 0 auto;
-	max-width: 60%;
 	z-index: 8000;
 	background-color: var(--color-main-background);
 	border: 0;