diff booket.css @ 26:8c2f3e72d514

Create new view for notifications Create new view for notifications which handles the keyboard shortcuts overlay message and the unsaved changes notification. This ensures that the unsaved changes notification is always visible, even when the save form expander is closed.
author Guido Berhoerster <guido+booket@berhoerster.name>
date Mon, 06 Oct 2014 13:52:50 +0200
parents 69552aee9993
children
line wrap: on
line diff
--- a/booket.css	Mon Oct 06 12:19:52 2014 +0200
+++ b/booket.css	Mon Oct 06 13:52:50 2014 +0200
@@ -58,6 +58,10 @@
     border: none;
 }
 
+strong {
+    font-weight: bold;
+}
+
 h1 {
     font-size: 2em;
     margin: .67em 0
@@ -154,6 +158,15 @@
     z-index: 10;
 }
 
+.unsaved-changes-message {
+    color: #a40000;
+    background-color: rgba(239, 41, 41, .25);
+    border: 1px solid #a40000;
+    border-radius: .5em;
+    padding: .5em;
+    font-size: .75em;
+}
+
 #actions {
     margin: 1em 0 0 0;
 }
@@ -186,16 +199,6 @@
     font-size: .75em;
 }
 
-#save-form .unsaved-changes-message {
-    margin: 0;
-    font-size: .75em;
-}
-
-.unsaved-changes-message strong {
-    font-weight: bold;
-    color: #a40000;
-}
-
 form.bookmark-editor-form img.bookmark-favicon {
     display: block;
     padding: 1px 0;