diff options
author | Petr Vobornik <pvoborni@redhat.com> | 2014-04-17 09:07:10 +0200 |
---|---|---|
committer | Petr Vobornik <pvoborni@redhat.com> | 2014-06-10 10:23:27 +0200 |
commit | f631b07507d12d2ab5c1b535a987f09cb07a5565 (patch) | |
tree | 2ab335bc6dcdc4210e50d2632ff1ecf09e466b9e /install/ui/less | |
parent | dff5f6319fd76d6b67b30be4eadbcdb414784802 (diff) | |
download | freeipa-f631b07507d12d2ab5c1b535a987f09cb07a5565.tar.gz freeipa-f631b07507d12d2ab5c1b535a987f09cb07a5565.tar.xz freeipa-f631b07507d12d2ab5c1b535a987f09cb07a5565.zip |
webui: activity indicators
https://fedorahosted.org/freeipa/ticket/4177
https://fedorahosted.org/freeipa/ticket/4255
Reviewed-By: Endi Sukma Dewata <edewata@redhat.com>
Diffstat (limited to 'install/ui/less')
-rw-r--r-- | install/ui/less/widgets.less | 61 |
1 files changed, 52 insertions, 9 deletions
diff --git a/install/ui/less/widgets.less b/install/ui/less/widgets.less index 543bafeed..3fc8cb5b7 100644 --- a/install/ui/less/widgets.less +++ b/install/ui/less/widgets.less @@ -1,31 +1,74 @@ +#simple-container { + + .global-activity-indicator { + + bottom: initial; + height: auto; + background-color: rgba(0, 0, 0, 0.3); + color: white; + width: 200px; + text-align: left; + + .activity-row { + background-color: transparent; + display: block; + padding: 10px 20px; + } + + .activity-text { + padding: 0px; + } + + .activity-text { + background-color: transparent; + } + } + + .slider { + transition-property: all; + transition-duration: .5s; + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); + } +} + .global-activity-indicator { position: fixed; top: 0; left: 0; right: 0; - background-color: rgba(0, 0, 0, 0.3); + bottom: 0; text-shadow: none; - color: white; + color: black; font-size: 20px; font-weight: 300; - width: 200px; - padding: 15px 20px; + height: 80px; margin: auto; + text-align: center; + + .activity-row { + display: inline-block; + background-color: rgba(0, 0, 0, 0.2); + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.2); + } + + .activity-text { + padding: 3px 14px; + background-color: white; + } } -.slider{ +.slider { overflow-y: hidden; - transition-property: all; - transition-duration: .5s; - transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } +#simple-container .slider.closed, .slider.closed { max-height: 0; - padding: 0 20px; + padding: 0; } .validation-summary { |