Serraniel/AniwatchPlus
Serraniel/AniwatchPlus
1
0
Fork 0
Code Issues 9 Pull requests 8 Packages Projects Releases 10 Wiki Activity

Feature/#3 better display of language icons #55

Merged
Serraniel merged 18 commits from feature/#3-better-display-of-language-icons into develop 2020-10-01 21:34:19 +02:00
Conversation 3 Commits 18 Files changed 2 +10 -5
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 956ea744c5 - Show all commits

15
enhancements/languageDisplay.js
View file

@ -12,7 +12,7 @@ function updateLanguageDisplay(node) {
const dubIcon = 'volume_up';
const subIcon = 'closed_caption';
const zeroWidthSpace = '​';
const zeroWidthSpace = ''; // ​
let listItems = document.querySelectorAll('md-list-item');
@ -78,7 +78,7 @@ function updateLanguageDisplay(node) {
dubDiv.appendChild(dubIconDiv);
let japIcon = document.createElement('i');
japIcon.classList.add('flag', 'flag-jp');
japIcon.classList.add('flag', 'flag-jp', 'mg-all-1');
dubDiv.appendChild(japIcon);
colDiv.appendChild(dubDiv);
@ -104,7 +104,7 @@ function updateLanguageDisplay(node) {
subDiv.appendChild(subIconDiv);
subs.forEach(lang => {
let langIcon = document.createElement('i');
langIcon.classList.add('flag', `flag-${lang}`);
langIcon.classList.add('flag', `flag-${lang}`, 'mg-all-1');
subDiv.appendChild(langIcon);
});
@ -114,7 +114,7 @@ function updateLanguageDisplay(node) {
iconsRequired = false;
}
if (dubs > 0) {
if (dubs.length > 0) {
dubs.forEach(lang => {
let colDiv = document.createElement('div');
colDiv.setAttribute('layout', 'column');
@ -139,7 +139,7 @@ function updateLanguageDisplay(node) {
dubDiv.appendChild(dubIconDiv);
let langIcon = document.createElement('i');
langIcon.classList.add('flag', `flag-${lang}`);
langIcon.classList.add('flag', `flag-${lang}`, 'mg-all-1');
dubDiv.appendChild(langIcon);
colDiv.appendChild(dubDiv);
@ -176,6 +176,11 @@ function updateLanguageDisplay(node) {
col.appendChild(div);
});
item.querySelectorAll('.layout-column:not(:last-child)').forEach(div => {
div.style.borderRight = '1px solid';
//div.style.marginRight = '3px';
})
col.eaManipulated = true;
});
}