mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-05-05 10:49:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

rework icon naming conventions and public api

Browse Source
This commit is contained in:
Aran-Fey
2024-06-30 11:49:42 +02:00
parent cc80561793
commit 91d4e87810
30 changed files with 158 additions and 6269 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/code/components/mediaPlayer.ts
+9 -9
View File
@@ -211,7 +211,7 @@ export class MediaPlayerComponent extends ComponentBase {
if (this._isFullScreen) {
applyIcon(
this.fullscreenButton,
'material/fullscreen-exit',
'material/fullscreen_exit',
'white'
);
} else {
@@ -484,11 +484,11 @@ export class MediaPlayerComponent extends ComponentBase {
});
this.mediaPlayer.addEventListener('pause', () => {
applyIcon(this.playButton, 'material/play-arrow:fill', 'white');
applyIcon(this.playButton, 'material/play_arrow:fill', 'white');
});
this.mediaPlayer.addEventListener('ended', () => {
applyIcon(this.playButton, 'material/play-arrow:fill', 'white');
applyIcon(this.playButton, 'material/play_arrow:fill', 'white');
});
this.mediaPlayer.addEventListener(
@@ -530,10 +530,10 @@ export class MediaPlayerComponent extends ComponentBase {
});
// Initialize
applyIcon(this.altDisplay, 'material/music-note:fill', 'white');
applyIcon(this.playButton, 'material/play-arrow:fill', 'white');
applyIcon(this.altDisplay, 'material/music_note:fill', 'white');
applyIcon(this.playButton, 'material/play_arrow:fill', 'white');
applyIcon(this.fullscreenButton, 'material/fullscreen', 'white');
applyIcon(this.muteButton, 'material/volume-up:fill', 'white');
applyIcon(this.muteButton, 'material/volume_up:fill', 'white');
return element;
}
@@ -644,7 +644,7 @@ export class MediaPlayerComponent extends ComponentBase {
this.volumeCurrent.style.width = '0';
let color = this._hasAudio ? 'white' : 'gray';
applyIcon(this.muteButton, 'material/volume-off:fill', color);
applyIcon(this.muteButton, 'material/volume_off:fill', color);
this.volumeKnob.style.background = color;
} else {
this.volumeCurrent.style.width = `${humanVolume * 100}%`;
@@ -652,11 +652,11 @@ export class MediaPlayerComponent extends ComponentBase {
if (humanVolume < 0.5) {
applyIcon(
this.muteButton,
'material/volume-down:fill',
'material/volume_down:fill',
'white'
);
} else {
applyIcon(this.muteButton, 'material/volume-up:fill', 'white');
applyIcon(this.muteButton, 'material/volume_up:fill', 'white');
}
}
}
frontend/code/components/revealer.ts
+1 -1
View File
@@ -63,7 +63,7 @@ export class RevealerComponent extends ComponentBase {
) as HTMLElement;
// Initialize them
applyIcon(this.arrowElement, 'material/expand-more', 'currentColor');
applyIcon(this.arrowElement, 'material/expand_more', 'currentColor');
this.rippleInstance = new RippleEffect(element, {
triggerOnPress: false,