diff options
author | Michael Wood <michael.g.wood@intel.com> | 2015-05-21 18:44:18 +0100 |
---|---|---|
committer | Richard Purdie <richard.purdie@linuxfoundation.org> | 2015-06-12 00:01:49 +0100 |
commit | 0573e2d31c9c608aa984c8f5378e8f0097f4c774 (patch) | |
tree | 8693636d548b8053d390a643c967159500c59aef /bitbake/lib/toaster/toastergui/static/css | |
parent | eb28534423092624c6a82cbf8ffcff23a41b7ec0 (diff) | |
download | poky-0573e2d31c9c608aa984c8f5378e8f0097f4c774.tar.gz |
bitbake: toaster: Add ajax loading spinner
This adds an ajax loading spinner to provide feedback when in-page
loading is happening. It will show after 1.2 seconds of initial loading.
[YOCTO #7790]
(Bitbake rev: ecb70b0bc996529f1a6e58e5716b31e273395c98)
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
Diffstat (limited to 'bitbake/lib/toaster/toastergui/static/css')
-rw-r--r-- | bitbake/lib/toaster/toastergui/static/css/default.css | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css index 739efbfbbe..115abc4176 100644 --- a/bitbake/lib/toaster/toastergui/static/css/default.css +++ b/bitbake/lib/toaster/toastergui/static/css/default.css | |||
@@ -259,3 +259,52 @@ div.add-deps { margin-top: 15px; } | |||
259 | 259 | ||
260 | thead .description, .get_description_or_summary { width: 364px; } | 260 | thead .description, .get_description_or_summary { width: 364px; } |
261 | thead .add-del-layers { width: 124px; } | 261 | thead .add-del-layers { width: 124px; } |
262 | |||
263 | #loading-notification { | ||
264 | position: fixed; | ||
265 | z-index: 101; | ||
266 | top: 3%; | ||
267 | left: 40%; | ||
268 | right: 40%; | ||
269 | #c09853 | ||
270 | -webkit-box-shadow: 0 0 10px #c09853; | ||
271 | -moz-box-shadow: 0 0 10px #c09853; | ||
272 | box-shadow: 0 0 10px #c09853; | ||
273 | } | ||
274 | |||
275 | /* Copied in from newer version of Font-Awesome 4.3.0 */ | ||
276 | .fa-spin { | ||
277 | -webkit-animation: fa-spin 2s infinite linear; | ||
278 | animation: fa-spin 2s infinite linear; | ||
279 | display: inline-block; | ||
280 | } | ||
281 | .fa-pulse { | ||
282 | -webkit-animation: fa-spin 1s infinite steps(8); | ||
283 | animation: fa-spin 1s infinite steps(8); | ||
284 | display: inline-block; | ||
285 | } | ||
286 | |||
287 | @-webkit-keyframes fa-spin { | ||
288 | 0% { | ||
289 | -webkit-transform: rotate(0deg); | ||
290 | transform: rotate(0deg); | ||
291 | } | ||
292 | 100% { | ||
293 | -webkit-transform: rotate(359deg); | ||
294 | transform: rotate(359deg); | ||
295 | } | ||
296 | } | ||
297 | |||
298 | @keyframes fa-spin { | ||
299 | 0% { | ||
300 | -webkit-transform: rotate(0deg); | ||
301 | -moz-transform: rotate(0deg); | ||
302 | transform: rotate(0deg); | ||
303 | } | ||
304 | 100% { | ||
305 | -webkit-transform: rotate(359deg); | ||
306 | -moz-transform: rotate(359deg); | ||
307 | transform: rotate(359deg); | ||
308 | } | ||
309 | } | ||
310 | /* End copied in from newer version of Font-Awesome 4.3.0 */ | ||