mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-26 00:31:20 -08:00
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:
1 parent
89a28e91fe
commit
b11f0eb99a
5 files changed
+9
-11
No files matched your search
@@ -16,7 +16,6 @@
|
||||
|
||||
&.art-mask-show {
|
||||
.art-state {
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
opacity: var(--art-state-opacity);
|
||||
transform: scale(1);
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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,4 +1,3 @@
|
||||
.art-video {
|
||||
.art-full(10);
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in new issue
Block a user