CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-10 01:18:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

Use dynamic font size for NextVideoButton icon

Browse Source 
Replaces the hardcoded SVG width and height in NextVideoButton with values from PlayerConfig.controlBar.fontSize, allowing the icon size to be configured dynamically.
This commit is contained in:
Yiannis Christodoulou 2025-10-09 16:34:50 +03:00
parent 15c85c1c10
commit bdfb218b75
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend-tools/video-js/src/components/controls/NextVideoButton.js
View File

@ -1,4 +1,5 @@
import videojs from 'video.js'; import videojs from 'video.js';
import PlayerConfig from '../../config/playerConfig';
// import './NextVideoButton.css'; // import './NextVideoButton.css';
const Button = videojs.getComponent('Button'); const Button = videojs.getComponent('Button');
@ -36,7 +37,7 @@ class NextVideoButton extends Button {
// Create custom icon span with SVG // Create custom icon span with SVG
const customIconSpan = videojs.dom.createEl('span'); const customIconSpan = videojs.dom.createEl('span');
customIconSpan.innerHTML = ` customIconSpan.innerHTML = `
<svg width="11" height="11" viewBox="14 14 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="${PlayerConfig.controlBar.fontSize}" height="${PlayerConfig.controlBar.fontSize}" viewBox="14 14 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 34L28.1667 24L14 14V34ZM30.6667 14V34H34V14H30.6667Z" fill="currentColor"></path> <path d="M14 34L28.1667 24L14 14V34ZM30.6667 14V34H34V14H30.6667Z" fill="currentColor"></path>
</svg>`; </svg>`;