Browse Source

[bugFix][ui]Fix the log page refresh button does not rotate (#3316)

pull/3/MERGE
break60 4 years ago committed by GitHub
parent
commit
88645dea1d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 22
      dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/log.vue

22
dolphinscheduler-ui/src/js/conf/home/pages/dag/_source/formModel/log.vue

@ -303,25 +303,26 @@
color: #0097e0; color: #0097e0;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
i { em {
vertical-align: middle; vertical-align: middle;
} }
} }
.clock { .clock {
>i { >em {
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
transform: scale(1); transform: scale(1);
} }
} }
.refresh-log { .refresh-log {
>i { >em {
text-decoration: none;
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
transform: scale(1); transform: scale(1);
} }
&.active { &.active {
>i { >em {
-webkit-transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s; -webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform; -moz-transition-property: -moz-transform;
@ -368,5 +369,16 @@
} }
} }
} }
@-webkit-keyframes rotateloading{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotateloading{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotateloading{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotateloading{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
</style> </style>

Loading…
Cancel
Save