rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui_migration lint(STYLE) Use --fix to solve 110 problems 3 left

Browse source
This commit is contained in:
Antonio Anaya 2026-05-07 05:54:14 -06:00
parent a4b167b147
commit 7e2518e40e
21 changed files with 138 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

65
webapp/src/components/genericComponents/progressBar.vue
View file

@ -39,7 +39,7 @@ export default {
</script>
<style lang="less" scoped>
@import "../../assets/less/variables.less";
@import url("../../assets/less/variables.less");
.progress {
position: relative;
@ -49,7 +49,7 @@ export default {
background-color: rgba(180, 180, 180, 0.15);
border-radius: 2px;
background-clip: padding-box;
margin: 0.5rem 0 1rem 0;
margin: 0.5rem 0 1rem;
overflow: hidden;
}
@ -73,7 +73,7 @@ export default {
}
}
.progress .indeterminate:before {
.progress .indeterminate::before {
content: "";
position: absolute;
background-color: inherit;
@ -81,11 +81,11 @@ export default {
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
.progress .indeterminate::after {
content: "";
position: absolute;
background-color: inherit;
@ -93,63 +93,74 @@ export default {
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@-webkit-keyframes indeterminate-short {
@keyframes indeterminate {
0% {
left: -200%;
left: -35%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
left: 100%;
right: -90%;
}
100% {
left: 107%;
right: -8%;
left: 100%;
right: -90%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;