yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-04 02:09:37 +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 "sass:math";
@use '_variables' as *; @use "_variables" as *;
@use '_mixins' as *; @use "_mixins" as *;
@use './_player-variables' as *; @use "./_player-variables" as *;
.video-js.vjs-peertube-skin { .video-js.vjs-peertube-skin {
.peertube-dock { .peertube-dock {
--dock-avatar-size: 48px; --dock-avatar-size: 48px;
@ -18,9 +17,8 @@
left: 0; left: 0;
width: 100%; width: 100%;
font-size: 23px;
padding: $dock-padding; 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); @include padding-right(60px);
} }
@ -44,11 +42,13 @@
letter-spacing: 1px; letter-spacing: 1px;
line-height: normal; line-height: normal;
min-width: 0; min-width: 0;
margin: 0;
font-size: 23px;
} }
.peertube-dock-title, .peertube-dock-title,
.peertube-dock-description { .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; @include ellipsis;
} }
@ -73,7 +73,7 @@
--dock-avatar-size: 40px; --dock-avatar-size: 40px;
} }
.peertube-dock { .peertube-dock-title {
font-size: 16px; font-size: 16px;
} }
@ -82,13 +82,12 @@
} }
} }
.video-js.vjs-peertube-skin.vjs-size-570 { .video-js.vjs-peertube-skin.vjs-size-570 {
.peertube-dock-avatar { .peertube-dock-avatar {
--dock-avatar-size: 35px; --dock-avatar-size: 35px;
} }
.peertube-dock { .peertube-dock-title {
font-size: 14px; font-size: 14px;
} }
} }
@ -98,7 +97,7 @@
--dock-avatar-size: 30px; --dock-avatar-size: 30px;
} }
.peertube-dock { .peertube-dock-title {
font-size: 13px; 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', { const avatar = videojs.dom.createEl('img', {
className: 'peertube-dock-avatar', className: 'peertube-dock-avatar',
src: this.options_.avatarUrl src: this.options_.avatarUrl
}) }, { alt: '' })
el.appendChild(avatar) el.appendChild(avatar)
} }
@ -33,7 +33,7 @@ class PeerTubeDockComponent extends Component {
}) })
if (this.options_.title) { if (this.options_.title) {
const title = videojs.dom.createEl('div', { const title = videojs.dom.createEl('h2', {
className: 'peertube-dock-title', className: 'peertube-dock-title',
title: this.options_.title, title: this.options_.title,
innerText: this.options_.title innerText: this.options_.title