Эх сурвалжийг харах

Optimized saving animation

Toby Chui 2 жил өмнө
parent
commit
d964bf2c50

+ 35 - 0
web/SystemAO/file_system/file_explorer.css

@@ -1153,6 +1153,41 @@ body.darkTheme .ui.icon.button{
     cursor:pointer;
 }
 
+.saving {
+    -moz-animation: saving 3s ease-out;
+    -moz-animation-iteration-count: infinite;
+
+    -webkit-animation: saving 3s ease-out;
+    -webkit-animation-iteration-count: infinite;
+
+    -ms-animation: saving 3s ease-out;
+    -ms-animation-iteration-count: infinite;
+}
+
+@keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-webkit-keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-moz-keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-ms-keyframes saving {
+    0% { opacity: 0.3; }
+    50% { opacity: 1; }
+    100% { opacity: 0.3; }
+}
+
 .clearallButton{
     padding:8px;
     cursor:pointer;

+ 1 - 1
web/SystemAO/file_system/file_explorer.html

@@ -4710,7 +4710,7 @@
                                 $(".uploadTask").each(function(){
                                     if ($(this).attr("taskID") == taskUUID){
                                         $(this).find(".bar").css("width","100%");
-                                        $(this).find(".progress:not(.percentage)").attr("class","ui small indicating violet progress");
+                                        $(this).find(".progress:not(.percentage)").attr("class","ui small indicating themed saving progress");
                                         $(this).find(".progress.percentage").html(`<i class="ui save icon"></i> ${resp.move}`);
                                     }
                                 });