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

update icons

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-18 16:31:22 -04:00
parent 902dc76b59
commit 155f14246b
29 changed files with 301 additions and 170 deletions
Download patch file Download diff file Expand all files Collapse all files

104
dashboard-ui/nowplaying.html
View file

@ -3,10 +3,14 @@
<div class="remoteControlContent">
<div style="background: #080808;">
<button is="paper-icon-button-light" style="position: absolute; top: .5em; left: .5em; z-index: 1;" tabindex="-1" class="btnExitRemoteControl"><iron-icon icon="arrow-back"></iron-icon></button>
<button is="paper-icon-button-light" style="position: absolute; top: .5em; left: .5em; z-index: 1;" tabindex="-1" class="btnExitRemoteControl autoSize">
<i class="md-icon">arrow_back</i>
</button>
<div style="float: right; position: absolute; top: .5em; right: .5em; text-align: right;" class="topRightContainer">
<span class="nowPlayingSelectedPlayer"></span>
<button is="paper-icon-button-light" class="nowPlayingCastIcon" style="vertical-align: middle; z-index: 1;" tabindex="-1"><iron-icon icon="cast"></iron-icon></button>
<button is="paper-icon-button-light" class="nowPlayingCastIcon autoSize" style="vertical-align: middle; z-index: 1;" tabindex="-1">
<i class="md-icon">cast</i>
</button>
</div>
</div>
@ -33,60 +37,60 @@
<div>
<button is="paper-icon-button-light" class="btnPreviousTrack btnPlayStateCommand" title="${ButtonPreviousTrack}">
<iron-icon icon="skip-previous"></iron-icon>
<button is="paper-icon-button-light" class="btnPreviousTrack btnPlayStateCommand autoSize" title="${ButtonPreviousTrack}">
<i class="md-icon">skip_previous</i>
</button>
<button is="paper-icon-button-light" class="btnPause btnPlayStateCommand" title="${ButtonPause}">
<iron-icon icon="pause"></iron-icon>
<button is="paper-icon-button-light" class="btnPause btnPlayStateCommand autoSize" title="${ButtonPause}">
<i class="md-icon">pause</i>
</button>
<button is="paper-icon-button-light" class="btnPlay btnPlayStateCommand" title="${ButtonPlay}">
<iron-icon icon="play-arrow"></iron-icon>
<button is="paper-icon-button-light" class="btnPlay btnPlayStateCommand autoSize" title="${ButtonPlay}">
<i class="md-icon">play_arrow</i>
</button>
<button is="paper-icon-button-light" class="btnPlayStateCommand btnStop" title="${ButtonStop}">
<iron-icon icon="stop"></iron-icon>
<button is="paper-icon-button-light" class="btnPlayStateCommand btnStop autoSize" title="${ButtonStop}">
<i class="md-icon">stop</i>
</button>
<button is="paper-icon-button-light" class="btnPlayStateCommand btnNextTrack" title="${ButtonNextTrack}">
<iron-icon icon="skip-next"></iron-icon>
<button is="paper-icon-button-light" class="btnPlayStateCommand btnNextTrack autoSize" title="${ButtonNextTrack}">
<i class="md-icon">skip_next</i>
</button>
</div>
<div class="buttonsRow2">
<button is="paper-icon-button-light" class="btnAudioTracks videoButton btnPlayStateCommand" title="${ButtonAudioTracks}" data-command="GoToSearch">
<iron-icon icon="audiotrack"></iron-icon>
<button is="paper-icon-button-light" class="btnAudioTracks videoButton btnPlayStateCommand autoSize" title="${ButtonAudioTracks}" data-command="GoToSearch">
<i class="md-icon">audiotrack</i>
</button>
<button is="paper-icon-button-light" class="btnSubtitles videoButton btnPlayStateCommand" title="${ButtonSubtitles}" data-command="GoToSearch">
<iron-icon icon="closed-caption"></iron-icon>
<button is="paper-icon-button-light" class="btnSubtitles videoButton btnPlayStateCommand autoSize" title="${ButtonSubtitles}" data-command="GoToSearch">
<i class="md-icon">closed_caption</i>
</button>
<button is="paper-icon-button-light" class="btnChapters videoButton btnPlayStateCommand" title="${ButtonScenes}" data-command="GoToSearch">
<iron-icon icon="movie"></iron-icon>
<button is="paper-icon-button-light" class="btnChapters videoButton btnPlayStateCommand autoSize" title="${ButtonScenes}" data-command="GoToSearch">
<i class="md-icon">movie</i>
</button>
<button is="paper-icon-button-light" class="btnToggleFullscreen videoButton btnPlayStateCommand" title="${ButtonFullscreen}" data-command="ToggleFullscreen">
<iron-icon icon="fullscreen"></iron-icon>
<button is="paper-icon-button-light" class="btnToggleFullscreen videoButton btnPlayStateCommand autoSize" title="${ButtonFullscreen}" data-command="ToggleFullscreen">
<i class="md-icon">fullscreen</i>
</button>
</div>
<div>
<button is="paper-icon-button-light" class="btnCommand repeatToggleButton" title="${ButtonRepeat}" data-command="SetRepeatMode">
<iron-icon icon="repeat"></iron-icon>
<button is="paper-icon-button-light" class="btnCommand repeatToggleButton autoSize" title="${ButtonRepeat}" data-command="SetRepeatMode">
<i class="md-icon">repeat</i>
</button>
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonMute}" data-command="ToggleMute">
<iron-icon icon="volume-off"></iron-icon>
<button is="paper-icon-button-light" class="btnCommand volumeButton autoSize" title="${ButtonMute}" data-command="ToggleMute">
<i class="md-icon">volume_off</i>
</button>
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown">
<iron-icon icon="volume-down"></iron-icon>
<button is="paper-icon-button-light" class="btnCommand volumeButton autoSize" title="${ButtonVolumeDown}" data-command="VolumeDown">
<i class="md-icon">volume_down</i>
</button>
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp">
<iron-icon icon="volume-up"></iron-icon>
<button is="paper-icon-button-light" class="btnCommand volumeButton autoSize" title="${ButtonVolumeUp}" data-command="VolumeUp">
<i class="md-icon">volume_up</i>
</button>
</div>
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
@ -97,54 +101,54 @@
<div class="pageTabContent ehsContent" id="controlsTab" data-index="1">
<div style="text-align:center;">
<div>
<button is="paper-icon-button-light" class="btnArrowUp btnCommand" title="${ButtonArrowUp}" data-command="MoveUp">
<iron-icon icon="keyboard-arrow-up"></iron-icon>
<button is="paper-icon-button-light" class="btnArrowUp btnCommand autoSize" title="${ButtonArrowUp}" data-command="MoveUp">
<i class="md-icon">keyboard_arrow_up</i>
</button>
</div>
<div>
<button is="paper-icon-button-light" class="btnArrowLeft btnCommand" title="${ButtonArrowLeft}" data-command="MoveLeft">
<iron-icon icon="keyboard-arrow-left"></iron-icon>
<button is="paper-icon-button-light" class="btnArrowLeft btnCommand autoSize" title="${ButtonArrowLeft}" data-command="MoveLeft">
<i class="md-icon">keyboard_arrow_left</i>
</button>
<button is="paper-icon-button-light" class="btnOk btnCommand" title="${ButtonOk}" data-command="Select">
<iron-icon icon="check"></iron-icon>
<button is="paper-icon-button-light" class="btnOk btnCommand autoSize" title="${ButtonOk}" data-command="Select">
<i class="md-icon">check</i>
</button>
<button is="paper-icon-button-light" class="btnArrowRight btnCommand" title="${ButtonArrowRight}" data-command="MoveRight">
<iron-icon icon="keyboard-arrow-right"></iron-icon>
<button is="paper-icon-button-light" class="btnArrowRight btnCommand autoSize" title="${ButtonArrowRight}" data-command="MoveRight">
<i class="md-icon">keyboard_arrow_right</i>
</button>
</div>
<div>
<button is="paper-icon-button-light" class="btnArrowDown btnCommand" title="${ButtonArrowDown}" data-command="MoveDown">
<iron-icon icon="keyboard-arrow-down"></iron-icon>
<button is="paper-icon-button-light" class="btnArrowDown btnCommand autoSize" title="${ButtonArrowDown}" data-command="MoveDown">
<i class="md-icon">keyboard_arrow_down</i>
</button>
</div>
<div>
<button is="paper-icon-button-light" class="btnBack btnCommand" title="${ButtonBack}" data-command="Back">
<iron-icon icon="arrow-back"></iron-icon>
<button is="paper-icon-button-light" class="btnBack btnCommand autoSize" title="${ButtonBack}" data-command="Back">
<i class="md-icon">arrow_back</i>
</button>
<button is="paper-icon-button-light" class="btnInfo btnCommand" title="${ButtonInfo}" data-command="ToggleContextMenu">
<iron-icon icon="info"></iron-icon>
<button is="paper-icon-button-light" class="btnInfo btnCommand autoSize" title="${ButtonInfo}" data-command="ToggleContextMenu">
<i class="md-icon">info</i>
</button>
</div>
<br />
<div>
<button is="paper-icon-button-light" class="btnGoHome btnCommand" title="${ButtonHome}" data-command="GoHome">
<iron-icon icon="home"></iron-icon>
<button is="paper-icon-button-light" class="btnGoHome btnCommand autoSize" title="${ButtonHome}" data-command="GoHome">
<i class="md-icon">home</i>
</button>
<button is="paper-icon-button-light" class="btnShowSearch btnCommand" title="${ButtonSearch}" data-command="GoToSearch">
<iron-icon icon="search"></iron-icon>
<button is="paper-icon-button-light" class="btnShowSearch btnCommand autoSize" title="${ButtonSearch}" data-command="GoToSearch">
<i class="md-icon">search</i>
</button>
</div>
<div>
<button is="paper-icon-button-light" class="bthShowSettings btnCommand" title="${ButtonSettings}" data-command="GoToSettings">
<iron-icon icon="settings"></iron-icon>
<button is="paper-icon-button-light" class="bthShowSettings btnCommand autoSize" title="${ButtonSettings}" data-command="GoToSettings">
<i class="md-icon">settings</i>
</button>
<button is="paper-icon-button-light" class="btnScreenshot btnCommand" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot">
<iron-icon icon="videocam"></iron-icon>
<button is="paper-icon-button-light" class="btnScreenshot btnCommand autoSize" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot">
<i class="md-icon">videocam</i>
</button>
</div>
</div>