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 components

Browse source
This commit is contained in:
Luke Pulverenti 2016-08-04 22:03:15 -04:00
parent 058d86a988
commit 1d0c9407f0
9 changed files with 46 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css vendored
View file

@ -6,7 +6,7 @@
max-height: 84%; max-height: 84%;
} }
.layout-tv .actionSheet { .actionsheet-fullscreen {
max-height: none; max-height: none;
} }

6
dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js vendored
View file

@ -91,9 +91,11 @@
}; };
var backButton = false; var backButton = false;
var isFullscreen;
if (layoutManager.tv) { if (layoutManager.tv) {
dialogOptions.size = 'fullscreen'; dialogOptions.size = 'fullscreen';
isFullscreen = true;
backButton = true; backButton = true;
dialogOptions.autoFocus = true; dialogOptions.autoFocus = true;
} else { } else {
@ -106,6 +108,10 @@
var dlg = dialogHelper.createDialog(dialogOptions); var dlg = dialogHelper.createDialog(dialogOptions);
if (isFullscreen) {
dlg.classList.add('actionsheet-fullscreen');
}
if (!layoutManager.tv) { if (!layoutManager.tv) {
dlg.classList.add('actionsheet-extraSpacing'); dlg.classList.add('actionsheet-extraSpacing');
} }

65
dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css vendored
View file

@ -80,12 +80,6 @@
font-size: 24px !important; font-size: 24px !important;
} }
[is="emby-button"].fab iron-icon {
width: 100%;
height: 100%;
vertical-align: middle;
}
[is="emby-button"].fab i { [is="emby-button"].fab i {
vertical-align: middle; vertical-align: middle;
} }
@ -103,10 +97,6 @@
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
} }
[is="emby-button"] iron-icon + span {
margin-left: .5em;
}
[is="emby-button"] i + span { [is="emby-button"] i + span {
margin-left: .5em; margin-left: .5em;
} }
@ -140,7 +130,7 @@
margin-right: .5em; margin-right: .5em;
} }
[is=paper-icon-button-light] { .paper-icon-button-light {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -158,10 +148,10 @@
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
z-index: 0; z-index: 0;
min-width: 24px; min-width: initial;
min-height: 24px; min-height: initial;
width: 40px; width: auto;
height: 40px; height: auto;
padding: 8px; padding: 8px;
font-weight: normal; font-weight: normal;
vertical-align: middle; vertical-align: middle;
@ -178,49 +168,22 @@
justify-content: center; justify-content: center;
} }
[is=paper-icon-button-light].autoSize { .paper-icon-button-light[disabled] {
width: auto !important;
height: auto !important;
}
[is=paper-icon-button-light][disabled] {
opacity: .3; opacity: .3;
} }
[is=paper-icon-button-light] i { .paper-icon-button-light > i {
width: 24px; width: auto;
height: 24px; height: auto;
font-size: 24px; font-size: 1.72em;
/* Make sure its on top of the ripple */ /* Make sure its on top of the ripple */
position: relative; position: relative;
z-index: 1; z-index: 1;
vertical-align: middle; vertical-align: middle;
} }
.layout-tv [is=paper-icon-button-light] { .paper-icon-button-light > img {
width: auto; width: 1.72em;
height: auto;
min-width: initial;
min-height: initial;
}
.layout-tv [is=paper-icon-button-light] i {
width: 3.7vh;
height: 3.7vh;
font-size: 3.7vh;
}
[is=paper-icon-button-light] iron-icon {
width: 100%;
height: 100%;
/* Make sure its on top of the ripple */
position: relative;
z-index: 1;
vertical-align: middle;
}
[is=paper-icon-button-light] img {
width: 100%;
/* Can't use 100% height or it will stretch past the boundaries in safari */ /* Can't use 100% height or it will stretch past the boundaries in safari */
/*height: 100%;*/ /*height: 100%;*/
max-height: 100%; max-height: 100%;
@ -230,7 +193,7 @@
vertical-align: middle; vertical-align: middle;
} }
[is=paper-icon-button-light]:after { .paper-icon-button-light:after {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@ -242,7 +205,7 @@
opacity: 0; opacity: 0;
} }
[is=paper-icon-button-light]:focus:after { .paper-icon-button-light:focus:after {
opacity: .2; opacity: .2;
} }

4
dashboard-ui/bower_components/emby-webcomponents/emby-button/paper-icon-button-light.js vendored
View file

@ -48,11 +48,11 @@
EmbyButtonPrototype.attachedCallback = function () { EmbyButtonPrototype.attachedCallback = function () {
if (this.getAttribute('data-embybutton') == 'true') { if (this.classList.contains('paper-icon-button-light')) {
return; return;
} }
this.setAttribute('data-embybutton', 'true'); this.classList.add('paper-icon-button-light');
if (enableAnimation()) { if (enableAnimation()) {
this.addEventListener('keydown', onKeyDown); this.addEventListener('keydown', onKeyDown);

6
dashboard-ui/bower_components/emby-webcomponents/guide/guide.css vendored
View file

@ -271,11 +271,7 @@
@media all and (min-height: 720px) { @media all and (min-height: 720px) {
.channelPrograms, .channelHeaderCell { .channelPrograms, .channelHeaderCell {
height: 6vh; height: 4.2em;
}
.layout-tv .channelPrograms, .layout-tv .channelHeaderCell {
height: 9vh;
} }
} }

2
dashboard-ui/bower_components/emby-webcomponents/listview/listview.css vendored
View file

@ -38,7 +38,7 @@ div.listItem {
vertical-align: middle; vertical-align: middle;
} }
.listItem [is=paper-icon-button-light] { .listItem .paper-icon-button-light {
margin: 0; margin: 0;
} }

3
dashboard-ui/bower_components/emby-webcomponents/mediainfo/mediainfo.css vendored
View file

@ -55,6 +55,7 @@
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
background: #EF6C00; background: #EF6C00;
padding: .25em .5em; padding: .2em .5em;
border-radius: .25em; border-radius: .25em;
font-size: 94%;
} }

2
dashboard-ui/components/channelmapper/channelmapper.js
View file

@ -122,7 +122,7 @@ function (dialogHelper, loading, connectionManager, globalize, actionsheet) {
var html = ''; var html = '';
html += '<div class="dialogContent">'; html += '<div class="dialogContent">';
html += '<div class="dialogContentInner centeredContent">'; html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">'; html += '<form style="margin:auto;">';
html += '<h1>' + globalize.translate('HeaderChannels') + '</h1>'; html += '<h1>' + globalize.translate('HeaderChannels') + '</h1>';

17
dashboard-ui/css/site.css
View file

@ -7,6 +7,23 @@
contain: layout style; contain: layout style;
} }
[is="emby-button"].fab iron-icon {
width: 100%;
height: 100%;
vertical-align: middle;
}
[is="emby-button"] iron-icon + span {
margin-left: .5em;
}
.paper-icon-button-light > iron-icon {
width: 100%;
height: 100%;
/* Make sure its on top of the ripple */
position: relative;
z-index: 1;
vertical-align: middle;
}
/* Links */ /* Links */
.ui-body-b a { .ui-body-b a {
color: #52B54B /*{b-link-color}*/; color: #52B54B /*{b-link-color}*/;