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) {
let nonRecommendedAlts = document.createElement("div");
nonRecommendedAlts.setAttribute("style", "text-align: left;");
nonRecommendedAlts.innerHTML = "<p style='font-size: 12px; text-align: center; margin-bottom: 4px;'>MORE ALTERNATIVES</p>";
alternatives.map(alternative => {
nonRecommendedAlts.innerHTML += fillTemplate(altTemplate, alternative);
})
let alternativesHeading = document.createElement("p");
alternativesHeading.setAttribute("style", "font-size: 12px; text-align: center; margin: 4px 0;");
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;
}