mirror of
https://github.com/getredash/redash.git
synced 2025-12-25 10:00:45 -05:00
a682265e13
* Migrate router and <app-view> to React: skeleton * Update layout on route change * Start moving page routes from angular to react * Move page routes to react except of public dashboard and visualization embed) * Move public dashboard and visualization embed routes to React * Replace $route/$routeParams usages * Some cleanup * Replace AngularJS $location service with implementation based on history library * Minor fix to how ApplicationView handles route change * Explicitly use global layout for each page instead of handling related stuff in ApplicationArea component * Error handling * Remove AngularJS and related dependencies * Move Parameter factory method to a separate file * Fix CSS (replace custom components with classes) * Fix: keep other url parts when updating location partially; refine code * Fix tests * Make router work in multi-org mode (respect <base> tag) * Optimzation: don't resolve route if path didn't change * Fix search input in header; error handling improvement (handle more errors in pages; global error handler for unhandled errors; dialog dismiss 'unhandled rejection' errors) * Fix page keys; fix navigateTo calls (third parameter not available) * Use relative links * Router: ignore location REPLACE events, resolve only on PUSH/POP * Fix tests * Remove unused jQuery reference * Show error from backend when creating Destination * Remove route.resolve where not necessary (used constant values) * New Query page: keep state on saving, reload when creating another new query * Use currentRoute.key instead of hard-coded keys for page components * Tidy up Router * Tidy up location service * Fix tests * Don't add parameters changes to browser's history * Fix test (improved fix) Co-authored-by: Gabriel Dutra <nesk.frz@gmail.com>
52 lines
914 B
Plaintext
52 lines
914 B
Plaintext
.loading-indicator {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -50px 0 0 -50px; // center
|
|
width: 100px;
|
|
height: 100px;
|
|
transition-duration: 150ms;
|
|
transition-timing-function: linear;
|
|
transition-property: opacity, transform;
|
|
|
|
#css-logo {
|
|
animation: hover 2s infinite;
|
|
}
|
|
|
|
#shadow {
|
|
width: 33px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background-color: black;
|
|
opacity: 0.25;
|
|
display: block;
|
|
position: absolute;
|
|
left: 34px;
|
|
top: 115px;
|
|
animation: shadow 2s infinite;
|
|
}
|
|
|
|
@keyframes hover {
|
|
50% {
|
|
transform: translateY(-5px);
|
|
}
|
|
}
|
|
@keyframes shadow {
|
|
50% {
|
|
transform: scaleX(0.9);
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
}
|
|
|
|
// hide indicator when application has content
|
|
#application-root:not(:empty) ~ .loading-indicator {
|
|
opacity: 0;
|
|
transform: scale(0.9);
|
|
pointer-events: none;
|
|
|
|
* {
|
|
animation: none !important;
|
|
}
|
|
}
|