Remove obsolete notification container

The future is TOAST 🍞

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

apps/files/css/merged.css

@@ -1627,11 +1627,6 @@ table td.date {
     overflow: hidden;
   }
 
-  /* proper notification area for multi line messages */
-  #notification-container {
-    display: flex;
-  }
-
   /* shorten elements for mobile */
   #uploadprogressbar, #uploadprogressbar .label.inner {
     width: 50px;

apps/files/css/mobile.css

@@ -64,11 +64,6 @@ table td.date {
     overflow: hidden;
   }
 
-  /* proper notification area for multi line messages */
-  #notification-container {
-    display: flex;
-  }
-
   /* shorten elements for mobile */
   #uploadprogressbar, #uploadprogressbar .label.inner {
     width: 50px;

apps/files/css/mobile.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAIA;EAEA;IACC;;;EAGD;AAAA;AAAA;AAAA;IAIC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAGD;IACC;;;EAGD;IACC;;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;;AAID;EACA;IACC;;;AAGD;EACA;IACC;;;AAED;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAIA;EAEA;IACC;;;EAGD;AAAA;AAAA;AAAA;IAIC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAGD;IACC;;;EAGD;IACC;;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;;AAID;EACA;IACC;;;AAED;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC","file":"mobile.css"}

apps/files/css/mobile.scss

@@ -46,11 +46,6 @@ table.multiselect thead {
 }
 
 
-/* proper notification area for multi line messages */
-#notification-container {
-	display: flex;
-}
-
 /* shorten elements for mobile */
 #uploadprogressbar, #uploadprogressbar .label.inner {
 	width: 50px;

apps/files/templates/recentlist.php

@@ -1,5 +1,4 @@
 <?php /** @var \OCP\IL10N $l */ ?>
-<div id='notification'></div>
 
 <div class="emptyfilelist emptycontent hidden"></div>
 

apps/files/templates/simplelist.php

@@ -1,5 +1,3 @@
-<div id='notification'></div>
-
 <div class="emptyfilelist emptycontent hidden">
 	<div class="icon-starred"></div>
 	<h2><?php p($l->t('No favorites yet')); ?></h2>

apps/files_external/templates/list.php

@@ -2,7 +2,6 @@
 <div class="files-controls">
 	<div></div>
 </div>
-<div id='notification'></div>
 
 <div class="emptyfilelist emptycontent hidden">
 	<div class="icon-external"></div>

apps/files_sharing/templates/list.php

@@ -1,5 +1,4 @@
 <?php /** @var \OCP\IL10N $l */ ?>
-<div id='notification'></div>
 
 <div class="emptyfilelist emptycontent hidden"></div>
 

apps/files_trashbin/templates/index.php

@@ -2,7 +2,6 @@
 <div class="files-controls">
 	<div></div>
 </div>
-<div id='notification'></div>
 
 <div class="emptyfilelist emptycontent hidden">
 	<div class="icon-delete"></div>

core/css/mobile.css

@@ -188,11 +188,6 @@
   #header .header-right > div#settings::after {
     right: 27px;
   }
-
-  #notification-container {
-    max-width: 100%;
-    width: 100%;
-  }
 }
 
 /*# sourceMappingURL=mobile.css.map */

core/css/mobile.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;;;AAGD;EACA;IACC;;;EAGA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDuCa;ICtCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAED;AAAA;IAEC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC;;;EAIF;IACC;IACA","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;;;AAGD;EACA;IACC;;;EAGA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDuCa;ICtCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAED;AAAA;IAEC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"}

core/css/mobile.scss

@@ -174,9 +174,4 @@
 			right: 27px;
 		}
 	}
-
-	#notification-container {
-		max-width: 100%;
-		width: 100%;
-	}
 }

core/css/server.css

@@ -432,51 +432,6 @@ td.avatar {
   border-radius: 0;
 }
 
-#notification-container {
-  left: 50%;
-  max-width: 60%;
-  position: fixed;
-  top: 0;
-  text-align: center;
-  transform: translateX(-50%);
-  z-index: 8000;
-}
-
-#notification {
-  margin: 0 auto;
-  z-index: 8000;
-  background-color: var(--color-main-background);
-  border: 0;
-  padding: 1px 8px;
-  display: none;
-  position: relative;
-  top: 0;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  opacity: 0.9;
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 100px;
-}
-#notification span {
-  cursor: pointer;
-  margin-left: 1em;
-}
-#notification .row {
-  position: relative;
-}
-#notification .row .close {
-  display: inline-block;
-  vertical-align: middle;
-  position: absolute;
-  right: 0;
-  top: 0;
-  margin-top: 2px;
-}
-#notification .row.closeable {
-  padding-right: 20px;
-}
-
 tr .action:not(.permanent), .selectedActions > a {
   opacity: 0;
 }
@@ -4981,11 +4936,6 @@ kbd {
   #header .header-right > div#settings::after {
     right: 27px;
   }
-
-  #notification-container {
-    max-width: 100%;
-    width: 100%;
-  }
 }
 /**
  * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>

core/css/styles.css

@@ -431,51 +431,6 @@ td.avatar {
   border-radius: 0;
 }
 
-#notification-container {
-  left: 50%;
-  max-width: 60%;
-  position: fixed;
-  top: 0;
-  text-align: center;
-  transform: translateX(-50%);
-  z-index: 8000;
-}
-
-#notification {
-  margin: 0 auto;
-  z-index: 8000;
-  background-color: var(--color-main-background);
-  border: 0;
-  padding: 1px 8px;
-  display: none;
-  position: relative;
-  top: 0;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  opacity: 0.9;
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 100px;
-}
-#notification span {
-  cursor: pointer;
-  margin-left: 1em;
-}
-#notification .row {
-  position: relative;
-}
-#notification .row .close {
-  display: inline-block;
-  vertical-align: middle;
-  position: absolute;
-  right: 0;
-  top: 0;
-  margin-top: 2px;
-}
-#notification .row.closeable {
-  padding-right: 20px;
-}
-
 tr .action:not(.permanent), .selectedActions > a {
   opacity: 0;
 }

core/css/styles.scss

@@ -424,51 +424,6 @@ td.avatar {
 	border-radius: 0;
 }
 
-#notification-container {
-	left: 50%;
-	max-width: 60%;
-	position: fixed;
-	top: 0;
-	text-align: center;
-	transform: translateX(-50%);
-	z-index: 8000;
-}
-
-#notification {
-	margin: 0 auto;
-	z-index: 8000;
-	background-color: var(--color-main-background);
-	border: 0;
-	padding: 1px 8px;
-	display: none;
-	position: relative;
-	top: 0;
-	border-bottom-left-radius: 3px;
-	border-bottom-right-radius: 3px;
-	opacity: .9;
-	span {
-		cursor: pointer;
-		margin-left: 1em;
-	}
-	overflow-x: hidden;
-	overflow-y: auto;
-	max-height: 100px;
-	.row {
-		position: relative;
-		.close {
-			display: inline-block;
-			vertical-align: middle;
-			position: absolute;
-			right: 0;
-			top: 0;
-			margin-top: 2px;
-		}
-		&.closeable {
-			padding-right: 20px;
-		}
-	}
-}
-
 tr .action:not(.permanent), .selectedActions > a {
 	opacity: 0;
 }

core/templates/layout.public.php

@@ -36,9 +36,6 @@
 		<?php if ($_['id-app-navigation'] !== null) { ?><a href="<?php p($_['id-app-navigation']); ?>" class="button primary skip-navigation"><?php p($l->t('Skip to navigation of app')); ?></a><?php } ?>
 	</div>
 
-	<div id="notification-container">
-		<div id="notification"></div>
-	</div>
 	<header id="header">
 		<div class="header-left">
 			<span id="nextcloud">

core/templates/layout.user.php

@@ -54,9 +54,6 @@ $getUserAvatar = static function (int $size) use ($_): string {
 			<?php if ($_['id-app-navigation'] !== null) { ?><a href="<?php p($_['id-app-navigation']); ?>" class="button primary skip-navigation"><?php p($l->t('Skip to navigation of app')); ?></a><?php } ?>
 		</div>
 
-		<div id="notification-container">
-			<div id="notification"></div>
-		</div>
 		<header role="banner" id="header">
 			<div class="header-left">
 				<a href="<?php print_unescaped($_['logoUrl'] ?: link_to('', 'index.php')); ?>"