refactor: update cursor styles and progress variable

- Removed cursor pointer from .art-mask-show in mask.less for better UX.
- Added cursor pointer to .art-progress in progress.less to indicate interactivity.
- Adjusted hover effect for .art-control-progress-inner in progress.less to enhance visual feedback.
- Increased --art-progress-top-gap variable from 8px to 10px in variables.less for improved layout.
- Removed cursor pointer from .art-video in video.less to streamline styling.
This commit is contained in:
Harvey Zhao committed 2026-03-08 14:53:29 +08:00
1 parent 89a28e91fe
commit b11f0eb99a
5 files changed
+9 -11

No files matched your search

-1
View File
@@ -16,7 +16,6 @@
&.art-mask-show {
.art-state {
cursor: pointer;
pointer-events: auto;
opacity: var(--art-state-opacity);
transform: scale(1);
+7 -7
View File
@@ -2,6 +2,7 @@
.art-progress {
position: relative;
z-index: 0;
cursor: pointer;
pointer-events: auto;
padding-top: var(--art-progress-top-gap);
padding-bottom: var(--art-bottom-gap);
@@ -9,7 +10,6 @@
.art-control-progress {
position: relative;
.art-center();
cursor: pointer;
height: var(--art-progress-height);
.art-control-progress-inner {
@@ -97,12 +97,6 @@
transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;
}
}
&:hover {
.art-control-progress-inner {
height: 100%;
}
}
}
.art-control-thumbnails {
@@ -120,6 +114,12 @@
0 1px 3px 0 rgb(0 0 0 / 0.2),
0 1px 2px -1px rgb(0 0 0 / 0.2);
}
&:hover {
.art-control-progress .art-control-progress-inner {
height: 100%;
}
}
}
&:hover {
+1 -1
View File
@@ -8,7 +8,7 @@
--art-border-radius: 3px;
--art-progress-height: 6px;
--art-progress-color: rgba(255, 255, 255, 0.25);
--art-progress-top-gap: 8px;
--art-progress-top-gap: 10px;
--art-hover-color: rgba(255, 255, 255, 0.25);
--art-loaded-color: rgba(255, 255, 255, 0.25);
--art-state-size: 80px;
-1
View File
@@ -1,4 +1,3 @@
.art-video {
.art-full(10);
cursor: pointer;
}