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
Showing only changes of commit 956ea744c5 - Show all commits

View file

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