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

Change icon tag to span

Browse source
This commit is contained in:
Dmitry Lyzo 2020-04-26 02:37:28 +03:00
parent ad5c7ec3b4
commit 6fe9a8c3e9
120 changed files with 439 additions and 439 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/elements/emby-button/emby-button.css
View file

@ -58,12 +58,12 @@
text-decoration: underline;
}
.emby-button > i {
.emby-button > .material-icons {
/* For non-fab buttons that have icons */
font-size: 1.36em;
}
.button-link > i {
.button-link > .material-icons {
font-size: 1em;
}
@ -136,7 +136,7 @@
cursor: default;
}
.paper-icon-button-light > i {
.paper-icon-button-light > .material-icons {
font-size: 1.66956521739130434em;
/* Make sure its on top of the ripple */

4
src/elements/emby-checkbox/emby-checkbox.js
View file

@ -57,8 +57,8 @@ define(['browser', 'dom', 'css!./emby-checkbox', 'registerElement'], function (b
var checkedIcon = this.getAttribute('data-checkedicon') || 'check';
var uncheckedIcon = this.getAttribute('data-uncheckedicon') || '';
var checkHtml = '<i class="material-icons checkboxIcon checkboxIcon-checked ' + checkedIcon + '"></i>';
var uncheckedHtml = '<i class="material-icons checkboxIcon checkboxIcon-unchecked ' + uncheckedIcon + '"></i>';
var checkHtml = '<span class="material-icons checkboxIcon checkboxIcon-checked ' + checkedIcon + '"></span>';
var uncheckedHtml = '<span class="material-icons checkboxIcon checkboxIcon-unchecked ' + uncheckedIcon + '"></span>';
labelElement.insertAdjacentHTML('beforeend', '<span class="' + outlineClass + '">' + checkHtml + uncheckedHtml + '</span>');
labelTextElement.classList.add('checkboxLabel');

6
src/elements/emby-collapse/emby-collapse.js
View file

@ -24,7 +24,7 @@ define(['browser', 'css!./emby-collapse', 'registerElement', 'emby-button'], fun
elem.style.height = 'auto';
}, 300);
var icon = button.querySelector('i');
var icon = button.querySelector('.material-icons');
//icon.innerHTML = 'expand_less';
icon.classList.add('emby-collapse-expandIconExpanded');
}
@ -46,7 +46,7 @@ define(['browser', 'css!./emby-collapse', 'registerElement', 'emby-button'], fun
}
}, 300);
var icon = button.querySelector('i');
var icon = button.querySelector('.material-icons');
//icon.innerHTML = 'expand_more';
icon.classList.remove('emby-collapse-expandIconExpanded');
}
@ -80,7 +80,7 @@ define(['browser', 'css!./emby-collapse', 'registerElement', 'emby-button'], fun
var title = this.getAttribute('title');
var html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button iconRight"><h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3><i class="material-icons emby-collapse-expandIcon expand_more"></i></button>';
var html = '<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="emby-collapsible-button iconRight"><h3 class="emby-collapsible-title" title="' + title + '">' + title + '</h3><span class="material-icons emby-collapse-expandIcon expand_more"></span></button>';
this.insertAdjacentHTML('afterbegin', html);

2
src/elements/emby-playstatebutton/emby-playstatebutton.js
View file

@ -41,7 +41,7 @@ define(['connectionManager', 'serverNotifications', 'events', 'globalize', 'emby
function setState(button, played, updateAttribute) {
var icon = button.iconElement;
if (!icon) {
button.iconElement = button.querySelector('i');
button.iconElement = button.querySelector('.material-icons');
icon = button.iconElement;
}

2
src/elements/emby-ratingbutton/emby-ratingbutton.js
View file

@ -57,7 +57,7 @@ define(['connectionManager', 'serverNotifications', 'events', 'globalize', 'emby
function setState(button, likes, isFavorite, updateAttribute) {
var icon = button.querySelector('i');
var icon = button.querySelector('.material-icons');
if (isFavorite) {

2
src/elements/emby-scrollbuttons/emby-scrollbuttons.css
View file

@ -12,7 +12,7 @@
display: flex;
}
.emby-scrollbuttons-button > i {
.emby-scrollbuttons-button > .material-icons {
min-width: 24px;
min-height: 24px;
display: block;

2
src/elements/emby-scrollbuttons/emby-scrollbuttons.js
View file

@ -10,7 +10,7 @@ define(['layoutManager', 'dom', 'css!./emby-scrollbuttons', 'registerElement', '
var icon = direction === 'left' ? 'chevron_left' : 'chevron_right';
html += '<button type="button" is="paper-icon-button-light" data-ripple="false" data-direction="' + direction + '" class="emby-scrollbuttons-button">';
html += '<i class="material-icons ' + icon + '"></i>';
html += '<span class="material-icons ' + icon + '"></span>';
html += '</button>';
return html;

2
src/elements/emby-select/emby-select.js
View file

@ -144,7 +144,7 @@ define(['layoutManager', 'browser', 'actionsheet', 'css!./emby-select', 'registe
this.parentNode.insertBefore(label, this);
if (this.classList.contains('emby-select-withcolor')) {
this.parentNode.insertAdjacentHTML('beforeend', '<div class="selectArrowContainer"><div style="visibility:hidden;display:none;">0</div><i class="selectArrow material-icons keyboard_arrow_down"></i></div>');
this.parentNode.insertAdjacentHTML('beforeend', '<div class="selectArrowContainer"><div style="visibility:hidden;display:none;">0</div><span class="selectArrow material-icons keyboard_arrow_down"></span></div>');
}
};