mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
a98b961b94
WebOS 4 apparently has a ligature bug that prevents icons with an underscore from working as intended. This replaces them with either the corresponding CSS class or unicode escape code, depending on context. Refactoring is needed in order to be able to use CSS classes everywhere, so in the interest of time, this does the best available currently. Fixes #678
54 lines
3 KiB
HTML
54 lines
3 KiB
HTML
<div data-role="page" class="view flex flex-direction-column page libraryPage noSecondaryNavPage" data-backbutton="true">
|
|
<div class="alphaPicker alphaPicker-vertical alphaPicker-fixed focuscontainer-y hide">
|
|
</div>
|
|
<div class="flex-grow padded-left padded-right pageContainerTopPadding">
|
|
<div class="flex align-items-center focuscontainer-x itemsViewSettingsContainer padded-top padded-bottom flex-wrap-wrap">
|
|
<button is="emby-button" class="btnPlay button-flat hide listTextButton-autohide">
|
|
<span>${HeaderPlayAll}</span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnPlay listIconButton-autohide">
|
|
<i class="material-icons play_arrow"></i>
|
|
</button>
|
|
<button is="emby-button" class="btnQueue button-flat hide listTextButton-autohide">
|
|
<span>${Queue}</span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnQueue hide listIconButton-autohide">
|
|
<i class="material-icons playlist_add"></i>
|
|
</button>
|
|
<button is="emby-button" class="btnShuffle button-flat hide listTextButton-autohide">
|
|
<span>${Shuffle}</span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnShuffle hide listIconButton-autohide">
|
|
<i class="material-icons">shuffle</i>
|
|
</button>
|
|
<button is="emby-button" class="btnNewItem hide button-flat listTextButton-autohide">
|
|
<span>${New}</span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnNewItem hide listIconButton-autohide">
|
|
<i class="material-icons">add</i>
|
|
</button>
|
|
|
|
<button is="emby-button" class="btnSort hide button-flat listTextButton-autohide">
|
|
<span class="btnSortText"></span>
|
|
<i class="material-icons btnSortIcon arrow_upward"></i>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnSort hide listIconButton-autohide">
|
|
<i class="material-icons">sort</i>
|
|
</button>
|
|
<button is="emby-button" class="btnFilter button-flat listTextButton-autohide">
|
|
<span>${Filter}</span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnFilter listIconButton-autohide" data-ripple="false" style="overflow:visible;">
|
|
<i class="material-icons filter_list"></i>
|
|
</button>
|
|
<button is="emby-button" class="btnViewSettings button-flat listTextButton-autohide">
|
|
<i class="material-icons more_horiz"></i>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnViewSettings listIconButton-autohide">
|
|
<i class="material-icons more_horiz"></i>
|
|
</button>
|
|
</div>
|
|
<div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered" style="padding: 0 0 10vh 0;">
|
|
</div>
|
|
</div>
|
|
</div>
|