x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-27 01:21:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

V5 (#500)

Browse Source 
* update dep

* Update package.json

* update contextmenu

* update d.ts

* update onVttLoad

* build artplayer

* update style

* --art-theme

* update style

* update style

* update user-select

* add getIcon

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* add progress-hover

* update mini

* update style

* update style

* update style

* update style

* update style

* update volume

* update style

* add art-backdrop

* update style

* update style

* update style

* update currentLevel

* update artplayerPluginControl

* update artplayerPluginDanmuku

* Update package.json
This commit is contained in:
Harvey Zack authored and GitHub committed 2023-04-16 23:01:26 +08:00
1 parent af12bd9634
commit 7b53de941d
80 files changed
+1393 -1362
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/selector.less
+38 -34
View File
@@ -1,38 +1,42 @@
.art-video-player {
.art-control-selector {
position: relative;
.art-selector-list {
display: none;
position: absolute;
bottom: 35px;
min-width: 100px;
max-width: 200px;
max-height: 200px;
overflow: auto;
padding: 5px 0;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 3px;
.art-selector-item {
height: 30px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 5px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
&:hover,
&.art-current {
color: var(--theme);
}
.art-control-selector {
position: relative;
.art-selector-list {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: absolute;
border-radius: 3px;
bottom: var(--art-control-height);
background-color: var(--art-background);
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: all var(--art-duration) ease;
.art-selector-item {
.art-center();
padding: 10px 15px;
flex-shrink: 0;
line-height: 1;
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
&:hover,
&.art-current {
color: var(--art-theme);
}
}
&:hover .art-selector-list {
display: block;
}
&:hover {
.art-selector-list {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
}
}
}