x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-28 10:31: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/info.less
+19 -22
View File
@@ -1,38 +1,35 @@
.art-video-player {
.art-info {
display: none;
flex-direction: column;
position: absolute;
left: 10px;
top: 10px;
z-index: 100;
width: 350px;
padding: 10px;
color: #fff;
font-size: 12px;
font-family: Noto Sans CJK SC DemiLight, Roboto, Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 3px;
background-color: var(--art-background);
.art-info-item {
.art-info-panel {
display: flex;
margin-bottom: 5px;
.art-info-title {
width: 100px;
text-align: right;
}
flex-direction: column;
gap: 5px;
.art-info-content {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
user-select: all;
padding-left: 5px;
}
.art-info-item {
display: flex;
align-items: center;
gap: 5px;
&:last-child {
margin-bottom: 0;
.art-info-title {
width: 100px;
text-align: right;
}
.art-info-content {
width: 250px;
.art-truncate();
user-select: all;
}
}
}