github
/
consul
mirror of https://github.com/hashicorp/consul
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/ui/packages/consul-ui/app/components/brand-loader/layout.scss

7 lines
86 B
SCSS
Raw Normal View History

ui: Loader amends/improvements (#10181) * ui: Loader amends/improvements 1. Create a JS compatible template only 'glimmer' component so we can use it with or without glimmer. 2. Add a set of `rose` colors. 3. Animate the brand loader to keep it centered when the side navigation appears. 4. Tweak the color of Consul::Loader to use a 'rose' color. 5. Move everything loader related to the `app/components/` folder and add docs.
2021-05-07 11:23:29 +00:00
%brand-loader {
position: absolute;
top: 50%;
margin-top: -26px;
left: 50%;
}