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

add fast click back

This commit is contained in:
Luke Pulverenti 2015-05-08 12:58:27 -04:00
parent e14830e9f1
commit 782e264478
3 changed files with 40 additions and 16 deletions

View file

@ -1,4 +1,4 @@
.btnCastImage {
.btnCastImage:not(.btnCastIcon) {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
@ -17,10 +17,18 @@
background-image: url(images/chromecast/ic_media_route_on_holo_dark.png);
}
.btnActiveCast i {
color: #2ad !important;
}
.btnDisabledCast .btnCastImage {
background-image: url(images/chromecast/ic_media_route_disabled_holo_dark.png);
}
.btnDisabledCast i {
color: #555;
}
.btnCast {
white-space: nowrap;
}
@ -38,6 +46,10 @@
overflow: hidden;
}
.btnCastIcon .headerSelectedPlayer {
top: 0;
}
@media all and (max-width: 1000px) {
.headerSelectedPlayer {
display: none;

View file

@ -31,21 +31,25 @@
html += '<div class="viewMenuSecondary">';
if (user.localUser) {
var btnCastVisible = user.localUser ? '' : 'visibility:hidden;';
html += '<button id="btnCast" class="btnCast btnDefaultCast headerButton headerButtonRight" type="button" data-role="none"><div class="headerSelectedPlayer"></div><div class="btnCastImage"></div></button>';
html += '<button onclick="Search.showSearchPanel($.mobile.activePage);" type="button" data-role="none" class="headerButton headerButtonRight headerSearchButton"><div class="fa fa-search" style="font-size:21px;"></div></button>';
if (!AppInfo.enableHeaderImages) {
html += '<button id="btnCast" class="btnCast btnCastIcon btnDefaultCast headerButton headerButtonRight" type="button" data-role="none" style="' + btnCastVisible + '">';
html += '<div class="headerSelectedPlayer"></div><i class="fa fa-wifi"></i>';
html += '</button>';
} else {
html += '<button id="btnCast" class="btnCast btnDefaultCast headerButton headerButtonRight" type="button" data-role="none" style="visibility:hidden;"><div class="headerSelectedPlayer"></div><div class="btnCastImage"></div></button>';
html += '<button id="btnCast" class="btnCast btnDefaultCast headerButton headerButtonRight" type="button" data-role="none" style="' + btnCastVisible + '"><div class="headerSelectedPlayer"></div><div class="btnCastImage"></div></button>';
}
if (user.localUser) {
html += '<button onclick="Search.showSearchPanel($.mobile.activePage);" type="button" data-role="none" class="headerButton headerButtonRight headerSearchButton"><div class="fa fa-search" style="font-size:21px;"></div></button>';
}
if (user.name) {
html += '<a class="headerButton headerButtonRight headerUserButton" href="#" onclick="Dashboard.showUserFlyout(this);">';
if (user.imageUrl) {
if (user.imageUrl && AppInfo.enableUserImage) {
var userButtonHeight = 26;
@ -277,12 +281,13 @@
'mypreferencesdisplay.html?userId=' + user.localUser.Id :
(user.localUser ? 'index.html' : '#');
var paddingLeft = user.imageUrl ? 'padding-left:.7em;' : '';
var hasUserImage = user.imageUrl && AppInfo.enableUserImage;
var paddingLeft = hasUserImage ? 'padding-left:.7em;' : '';
html += '<a style="margin-top:0;' + paddingLeft + 'display:block;color:#fff;text-decoration:none;font-size:16px;font-weight:400!important;background: #000;" href="' + userHref + '">';
var imgWidth = 44;
if (user.imageUrl) {
if (hasUserImage) {
var url = user.imageUrl;
if (user.supportsImageParams) {

View file

@ -638,7 +638,7 @@ var Dashboard = {
var imgWidth = 48;
if (user.imageUrl) {
if (user.imageUrl && AppInfo.enableUserImage) {
var url = user.imageUrl;
if (user.supportsImageParams) {
@ -1479,13 +1479,15 @@ var AppInfo = {};
AppInfo.isTouchPreferred = true;
}
var isCordova = Dashboard.isRunningInCordova();
if ($.browser.safari) {
if ($.browser.mobile) {
AppInfo.hasLowImageBandwidth = true;
}
if (Dashboard.isRunningInCordova()) {
if (isCordova) {
AppInfo.enableBottomTabs = true;
AppInfo.resetOnLibraryChange = true;
}
@ -1508,9 +1510,12 @@ var AppInfo = {};
AppInfo.enableMovieTrailersTab = true;
}
if (!Dashboard.isRunningInCordova()) {
if (!isCordova) {
AppInfo.enableFooterNotifications = true;
}
AppInfo.enableUserImage = !AppInfo.hasLowImageBandwidth || !isCordova;
AppInfo.enableHeaderImages = AppInfo.enableUserImage;
}
function initializeApiClient(apiClient) {
@ -1579,7 +1584,9 @@ var AppInfo = {};
function onReady() {
if ($.browser.safari) {
//FastClick.attach(document.body);
}
if (AppInfo.hasLowImageBandwidth) {
$(document.body).addClass('largeCardMargin');