devol
/
migliori-alternative
mirror of https://github.com/nileshtrivedi/better
1
0
Fork 0
Code Issues Releases Wiki Activity

Make list of alts scrollable

This commit is contained in:
Anirudh Varma 2020-09-12 16:17:07 +05:30
parent 7c34f7b366
commit 09b661ff38
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
contentscript.js
View File

@ -28,10 +28,16 @@ const altTemplate = "\
function createNonRecommendedAlts(alternatives) { function createNonRecommendedAlts(alternatives) {
let nonRecommendedAlts = document.createElement("div"); let nonRecommendedAlts = document.createElement("div");
nonRecommendedAlts.setAttribute("style", "text-align: left;"); nonRecommendedAlts.setAttribute("style", "text-align: left;");
nonRecommendedAlts.innerHTML = "<p style='font-size: 12px; text-align: center; margin-bottom: 4px;'>MORE ALTERNATIVES</p>"; let alternativesHeading = document.createElement("p");
alternatives.map(alternative => { alternativesHeading.setAttribute("style", "font-size: 12px; text-align: center; margin: 4px 0;");
nonRecommendedAlts.innerHTML += fillTemplate(altTemplate, alternative); alternativesHeading.innerText = "MORE ALTERNATIVES";
}) nonRecommendedAlts.appendChild(alternativesHeading);
let scrollableAltContainer = document.createElement("div");
scrollableAltContainer.setAttribute("style", "max-height: 300px; overflow: scroll");
alternatives.map((alternative) => {
scrollableAltContainer.innerHTML += fillTemplate(altTemplate, alternative);
});
nonRecommendedAlts.appendChild(scrollableAltContainer);
return nonRecommendedAlts; return nonRecommendedAlts;
} }