IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-28 01:41:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Panel Loading: spin clockwise, not counter clockwise (#25998)

Browse Source 
* spin clockwise

* spin clockwise
This commit is contained in:
Ryan McKinley 2020-07-01 22:15:41 -07:00 committed by GitHub
parent 5789f80e14
commit 90a5a85eb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
View File

@ -95,7 +95,7 @@ export class PanelHeader extends Component<Props, State> {
return (
<div className="panel-loading" onClick={this.onCancelQuery}>
<Tooltip content="Cancel query">
<Icon className="panel-loading__spinner spin-counter-clock" name="sync" />
<Icon className="panel-loading__spinner spin-clockwise" name="sync" />
</Tooltip>
</div>
);

10
public/sass/mixins/_animations.scss
View File

@ -35,15 +35,15 @@
}
}
@keyframes spin-counter-clock {
@keyframes spin-clockwise {
0% {
transform: rotate(359deg);
transform: rotate(0deg) scaleX(-1); // scaleX flips the `sync` icon so arrows point the correct way
}
100% {
transform: rotate(0deg);
transform: rotate(359deg) scaleX(-1);
}
}
.spin-counter-clock {
animation: spin-counter-clock 3s infinite linear;
.spin-clockwise {
animation: spin-clockwise 3s infinite linear;
}