diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-06-04 17:07:15 +0400 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2014-06-04 17:07:15 +0400 |
| commit | 26bf64631d7335093a8e9780e97e8187e76bb14f (patch) | |
| tree | 42cd97f7c48bbaccc5d461ba05657df026d80717 /core/css/header.css | |
| parent | 96cfe97daeab3d2069a97bcc476583993515898f (diff) | |
better loading feedback for app start, move from JS to CSS
Diffstat (limited to 'core/css/header.css')
| -rw-r--r-- | core/css/header.css | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/core/css/header.css b/core/css/header.css index 5225dbd446c..0fe20325d8f 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -26,7 +26,9 @@ display: inline-block; position: absolute; left: 70px; - top: 18px; + height: 27px; + padding-top: 18px; + padding-right: 10px; } /* show appname next to logo */ @@ -89,6 +91,7 @@ display: inline-block; } #navigation a { + position: relative; width: 80px; height: 80px; display: inline-block; @@ -118,6 +121,25 @@ height: initial; } + +/* loading feedback for apps */ +#navigation .app-loading .icon-loading-dark { + display: inline !important; + position: absolute; + top: 20px; + left: 24px; + width: 32px; + height: 32px; + background-color: rgba(0, 0, 0, .2); + border-radius: 50%; +} +#navigation .app-loading .icon { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; + filter: alpha(opacity=20); + opacity: .2; +} + + /* shift to account for missing navigation */ #body-user #controls, #body-settings #controls { |