diff piecrust/resources/server/piecrust-debug-info.css @ 552:9612cfc6455a

serve: Rewrite of the Server-Sent Event code for build notifications. At the moment the server monitors the asset directories, and notifies the browser when an asset has changed and has been re-processed. * Fix issues around long-running requests/threads which mess up the ability to shutdown the server correctly with `CTRL-C` (see comments in code). * Move the notification queue to each SSE producer, to support having multiple pages open in a browser. * Add JS/CSS for showing quick notifications about re-processed assets. * Add support for hot-reloading CSS and pictures that have been re-processed.
author Ludovic Chabant <ludovic@chabant.com>
date Sat, 08 Aug 2015 16:12:04 -0700
parents
children 93b656f0af54
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/piecrust/resources/server/piecrust-debug-info.css	Sat Aug 08 16:12:04 2015 -0700
@@ -0,0 +1,32 @@
+@keyframes slideNotification {
+    0% { opacity: 1; }
+    100% { opacity: 0; right: -11em; }
+}
+
+.piecrust-debug-notifications {
+    font-size: 1rem;
+}
+
+.piecrust-debug-notification {
+    padding: 0.5em;
+    position: fixed;
+    bottom: 0.5em;
+    right: 0.5em;
+    width: 30%;
+    min-width: 10em;
+    border-radius: 5px;
+    animation-name: slideNotification;
+    animation-delay: 1s;
+    animation-duration: 1s;
+}
+
+.piecrust-debug-notification-success {
+    background-color: #4BB025;
+    border: 2px solid #3AA014;
+}
+
+.piecrust-debug-notification-error {
+    background-color: #920C0C;
+    border: 2px solid #810B0B;
+}
+