opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-10-25 00:12:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #8950 from dannon/no-more-wobbles

Browse Source 
[19.09] Fix the running icon wobblies
This commit is contained in:
Marius van den Beek
2019-11-11 11:15:00 +01:00
committed by GitHub
parent e3b9eb62f6 fd9e61a0d6
commit c3c8a1728a
1 changed files with 8 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/style/scss/dataset.scss
+8 -54
View File
@@ -3,69 +3,23 @@
// ---------------------------------------------------------------------------- dataset states
//.dataset .state-icon {
.state-icon {
@extend .fa;
display: inline-block;
margin-right: 4px;
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 16px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
font-size: 16px;
font-size: 14px;
}
// ............................................................................ animated or composite state icons
.state-icon-running {
//TODO: couldn't find a way to do this with fa/spinning.scss as mixin
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
&:before {
content: $fa-var-spinner;
}
@extend .fa-spin;
@extend .fa-spinner;
filter: blur(0);
}
.state-icon-upload {