Mercurial > projects > booket
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; |