comparison 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
comparison
equal deleted inserted replaced
551:f2b875ecc940 552:9612cfc6455a
1 @keyframes slideNotification {
2 0% { opacity: 1; }
3 100% { opacity: 0; right: -11em; }
4 }
5
6 .piecrust-debug-notifications {
7 font-size: 1rem;
8 }
9
10 .piecrust-debug-notification {
11 padding: 0.5em;
12 position: fixed;
13 bottom: 0.5em;
14 right: 0.5em;
15 width: 30%;
16 min-width: 10em;
17 border-radius: 5px;
18 animation-name: slideNotification;
19 animation-delay: 1s;
20 animation-duration: 1s;
21 }
22
23 .piecrust-debug-notification-success {
24 background-color: #4BB025;
25 border: 2px solid #3AA014;
26 }
27
28 .piecrust-debug-notification-error {
29 background-color: #920C0C;
30 border: 2px solid #810B0B;
31 }
32