comparison 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
comparison
equal deleted inserted replaced
25:b2c9c4fb8d4c 26:8c2f3e72d514
56 56
57 img { 57 img {
58 border: none; 58 border: none;
59 } 59 }
60 60
61 strong {
62 font-weight: bold;
63 }
64
61 h1 { 65 h1 {
62 font-size: 2em; 66 font-size: 2em;
63 margin: .67em 0 67 margin: .67em 0
64 } 68 }
65 69
150 position: fixed; 154 position: fixed;
151 top: 50%; 155 top: 50%;
152 left: 50%; 156 left: 50%;
153 transform: translate(-50%, -50%); 157 transform: translate(-50%, -50%);
154 z-index: 10; 158 z-index: 10;
159 }
160
161 .unsaved-changes-message {
162 color: #a40000;
163 background-color: rgba(239, 41, 41, .25);
164 border: 1px solid #a40000;
165 border-radius: .5em;
166 padding: .5em;
167 font-size: .75em;
155 } 168 }
156 169
157 #actions { 170 #actions {
158 margin: 1em 0 0 0; 171 margin: 1em 0 0 0;
159 } 172 }
182 } 195 }
183 196
184 #actions label, 197 #actions label,
185 .bookmark-editor-form label { 198 .bookmark-editor-form label {
186 font-size: .75em; 199 font-size: .75em;
187 }
188
189 #save-form .unsaved-changes-message {
190 margin: 0;
191 font-size: .75em;
192 }
193
194 .unsaved-changes-message strong {
195 font-weight: bold;
196 color: #a40000;
197 } 200 }
198 201
199 form.bookmark-editor-form img.bookmark-favicon { 202 form.bookmark-editor-form img.bookmark-favicon {
200 display: block; 203 display: block;
201 padding: 1px 0; 204 padding: 1px 0;