Update Content Board status update notification styles #1633

publishpress · Jul 23, 2024 · 6837cbb · 6837cbb
1 parent ba1abaa
commit 6837cbb
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/modules/content-board/lib/content-board.css b/modules/content-board/lib/content-board.css
@@ -41,25 +41,25 @@
     position: fixed;
     bottom: 20px;
     right: 50px;
-    background: #2c3338;
-    padding: 10px 15px;
-    border-radius: 4px;
     margin-bottom: 10px;
     transition: all 0.5s ease-out;
-    box-shadow: 0 0 15px #999;
     z-index: 9999999999999;
+    -webkit-backdrop-filter:blur(16px) saturate(180%);
+    backdrop-filter:blur(16px) saturate(180%);
+    background:#000000d9;
+    border-radius:2px;
+    box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
+    box-sizing:border-box;
+    color:#fff;
+    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
+    font-size:13px;
+    padding:12px 20px;
 }
 @media (max-width: 782px) {
     .pp-floating-status {
         left: 60px;
     }
 }
-.pp-floating-status.pp-floating-status--success {
-    color: #00d084;
-}
-.pp-floating-status.pp-floating-status--error {
-    color: #d63638;
-}
 
 /* Hide scrollbar for Chrome, Safari and Opera */
 .content-board-table-wrap .statuses-contents .content-wrap.header-content.sticky::-webkit-scrollbar {