Banner added to top instead of bottom of page (#2273)

elliette · web-flow · commit 0d18da7a8e26 · 2023-10-30T17:16:55.000-07:00
diff --git a/dwds/debug_extension_mv3/web/static_assets/styles.css b/dwds/debug_extension_mv3/web/static_assets/styles.css
@@ -75,7 +75,7 @@ h6 {
 }
 
 .snackbar {
-  bottom: 0px;
+  top: 0px;
   color: #eeeeee;
   font-family:  Roboto, 'Helvetica Neue', sans-serif;
   left: 0px;
@@ -85,7 +85,7 @@ h6 {
   text-align: center;
   visibility: hidden;
   width: 100%;
-  z-index: 1;
+  z-index: 2147483647;
 }
 
 .snackbar > a {
@@ -113,44 +113,44 @@ h6 {
 
 @-webkit-keyframes fadein {
   from {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
   to {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
 }
 
 @keyframes fadein {
   from {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
   to {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
 }
 
 @-webkit-keyframes fadeout {
   from {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
   to {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
 }
 
 @keyframes fadeout {
   from {
-    bottom: 0px;
+    top: 0px;
     opacity: 1;
   }
   to {
-    bottom: 0;
+    top: 0;
     opacity: 0;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -75,7 +75,7 @@ h6 {`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`.snackbar {`
`78`		`- bottom: 0px;`
	`78`	`+ top: 0px;`
`79`	`79`	`color: #eeeeee;`
`80`	`80`	`font-family: Roboto, 'Helvetica Neue', sans-serif;`
`81`	`81`	`left: 0px;`
`@@ -85,7 +85,7 @@ h6 {`
`85`	`85`	`text-align: center;`
`86`	`86`	`visibility: hidden;`
`87`	`87`	`width: 100%;`
`88`		`- z-index: 1;`
	`88`	`+ z-index: 2147483647;`
`89`	`89`	`}`
`90`	`90`
`91`	`91`	`.snackbar > a {`
`@@ -113,44 +113,44 @@ h6 {`
`113`	`113`
`114`	`114`	`@-webkit-keyframes fadein {`
`115`	`115`	`from {`
`116`		`- bottom: 0;`
	`116`	`+ top: 0;`
`117`	`117`	`opacity: 0;`
`118`	`118`	`}`
`119`	`119`	`to {`
`120`		`- bottom: 0px;`
	`120`	`+ top: 0px;`
`121`	`121`	`opacity: 1;`
`122`	`122`	`}`
`123`	`123`	`}`
`124`	`124`
`125`	`125`	`@keyframes fadein {`
`126`	`126`	`from {`
`127`		`- bottom: 0;`
	`127`	`+ top: 0;`
`128`	`128`	`opacity: 0;`
`129`	`129`	`}`
`130`	`130`	`to {`
`131`		`- bottom: 0px;`
	`131`	`+ top: 0px;`
`132`	`132`	`opacity: 1;`
`133`	`133`	`}`
`134`	`134`	`}`
`135`	`135`
`136`	`136`	`@-webkit-keyframes fadeout {`
`137`	`137`	`from {`
`138`		`- bottom: 0px;`
	`138`	`+ top: 0px;`
`139`	`139`	`opacity: 1;`
`140`	`140`	`}`
`141`	`141`	`to {`
`142`		`- bottom: 0;`
	`142`	`+ top: 0;`
`143`	`143`	`opacity: 0;`
`144`	`144`	`}`
`145`	`145`	`}`
`146`	`146`
`147`	`147`	`@keyframes fadeout {`
`148`	`148`	`from {`
`149`		`- bottom: 0px;`
	`149`	`+ top: 0px;`
`150`	`150`	`opacity: 1;`
`151`	`151`	`}`
`152`	`152`	`to {`
`153`		`- bottom: 0;`
	`153`	`+ top: 0;`
`154`	`154`	`opacity: 0;`
`155`	`155`	`}`
`156`	`156`	`}`