mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Set chapter mark icon via CSS instead of class.

Browse source 
Allows easier customisation of what icon should be displayed.
This commit is contained in:
Viperinius 2022-07-03 16:59:01 +02:00
parent 49f1f1fae3
commit c0b092e208
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/elements/emby-slider/emby-slider.js
View file

@ -178,7 +178,7 @@ import '../emby-input/emby-input';
range.chapterFractions = range.getChapterFractions(); range.chapterFractions = range.getChapterFractions();
} }
const htmlToInsert = '<span class="material-icons label sliderChapterMark" aria-hidden="true"></span>'; const htmlToInsert = '<span class="material-icons sliderChapterMark" aria-hidden="true"></span>';
range.chapterFractions.forEach(() => { range.chapterFractions.forEach(() => {
range.chapterMarkContainerElement.insertAdjacentHTML('beforeend', htmlToInsert); range.chapterMarkContainerElement.insertAdjacentHTML('beforeend', htmlToInsert);

5
src/elements/emby-slider/emby-slider.scss
View file

@ -258,6 +258,11 @@
transform: translate3d(0, -100%, 0) rotate(90deg); transform: translate3d(0, -100%, 0) rotate(90deg);
} }
.sliderChapterMark::before {
font-family: 'Material Icons';
content: "\e892";
}
.sliderChapterMark.unwatched { .sliderChapterMark.unwatched {
color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3);
} }