yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 09:49:20 +02:00
Code Issues Releases Wiki Activity

Fix dock accessibility

Browse source
This commit is contained in:
Chocobozzz 2025-07-08 09:32:11 +02:00
parent a02aec578c
commit d2064d873b
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 13 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

23
client/src/standalone/player/src/sass/shared/dock.scss
View file

@ -1,10 +1,9 @@
@use 'sass:math';
@use '_variables' as *;
@use '_mixins' as *;
@use './_player-variables' as *;
@use "sass:math";
@use "_variables" as *;
@use "_mixins" as *;
@use "./_player-variables" as *;
.video-js.vjs-peertube-skin {
.peertube-dock {
--dock-avatar-size: 48px;
@ -18,9 +17,8 @@
left: 0;
width: 100%;
font-size: 23px;
padding: $dock-padding;
background: linear-gradient(to bottom, rgba(20, 20, 20, .7) 0, rgba(20, 20, 20, 0));
background: linear-gradient(to bottom, rgba(20, 20, 20, 0.7) 0, rgba(20, 20, 20, 0));
@include padding-right(60px);
}
@ -44,11 +42,13 @@
letter-spacing: 1px;
line-height: normal;
min-width: 0;
margin: 0;
font-size: 23px;
}
.peertube-dock-title,
.peertube-dock-description {
text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
@include ellipsis;
}
@ -73,7 +73,7 @@
--dock-avatar-size: 40px;
}
.peertube-dock {
.peertube-dock-title {
font-size: 16px;
}
@ -82,13 +82,12 @@
}
}
.video-js.vjs-peertube-skin.vjs-size-570 {
.peertube-dock-avatar {
--dock-avatar-size: 35px;
}
.peertube-dock {
.peertube-dock-title {
font-size: 14px;
}
}
@ -98,7 +97,7 @@
--dock-avatar-size: 30px;
}
.peertube-dock {
.peertube-dock-title {
font-size: 13px;
}
}

4
client/src/standalone/player/src/shared/dock/peertube-dock-component.ts
View file

@ -23,7 +23,7 @@ class PeerTubeDockComponent extends Component {
const avatar = videojs.dom.createEl('img', {
className: 'peertube-dock-avatar',
src: this.options_.avatarUrl
})
}, { alt: '' })
el.appendChild(avatar)
}
@ -33,7 +33,7 @@ class PeerTubeDockComponent extends Component {
})
if (this.options_.title) {
const title = videojs.dom.createEl('div', {
const title = videojs.dom.createEl('h2', {
className: 'peertube-dock-title',
title: this.options_.title,
innerText: this.options_.title