diff --git a/css/app.css b/css/app.css index fac7434..e76ee8c 100644 --- a/css/app.css +++ b/css/app.css @@ -88,29 +88,6 @@ a { word-wrap: break-word } -#more button { - min-width: 0 !important; - margin-left: 2px !important; - padding: 0; - font-size: 15px; - font-weight: 500; - text-transform: none; - border-radius: 4px; - border: none; - background: unset; - color: var(--accent-color); - cursor: pointer; - position: absolute; - bottom: 0; - right: 0; - padding-left: 36px; - background: linear-gradient(to right, transparent, var(--color-bg) 35%); -} - -#more:hover { - opacity: 1; -} - /* What's new */ #whats-new, diff --git a/css/style.css b/css/style.css index 12d1ba7..2623e80 100644 --- a/css/style.css +++ b/css/style.css @@ -394,6 +394,30 @@ a>button { } } +#more button { + min-width: 0 !important; + margin-left: 2px !important; + padding: 0; + font-size: 15px; + font-weight: 500; + text-transform: none; + border-radius: 4px; + border: none; + background: unset; + color: var(--accent-color); + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + padding-left: 36px; + background: linear-gradient(to right, transparent, var(--color-bg) 35%); + line-height: 1.5em; +} + +#more:hover { + opacity: 1; +} + .header a, #nav-bar #back { display: flex; diff --git a/css/version-history.css b/css/version-history.css index 7c68d44..7062e88 100644 --- a/css/version-history.css +++ b/css/version-history.css @@ -1,3 +1,11 @@ +/* + version-history.css + altsource-viewer (https://github.com/therealFoxster/altsource-viewer) + + Copyright (c) 2023 Foxster. + MIT License. +*/ + #main { padding-top: 8rem; } @@ -58,24 +66,4 @@ a { position: relative; word-wrap: break-word; /* line-height: 1.5em; */ -} - -#more button { - min-width: 0 !important; - margin-left: 2px !important; - padding: 0; - font-size: 15px; - font-weight: 500; - text-transform: none; - border-radius: 4px; - border: none; - background: unset; - color: var(--accent-color); - cursor: pointer; - position: absolute; - bottom: 0; - right: 0; - padding-left: 36px; - background: linear-gradient(to right, transparent, var(--color-bg) 35%); - line-height: 1.5em; -} +} \ No newline at end of file diff --git a/js/components/AppPermissionItem.js b/js/components/AppPermissionItem.js index 5446268..709aa08 100644 --- a/js/components/AppPermissionItem.js +++ b/js/components/AppPermissionItem.js @@ -1,3 +1,4 @@ +// // AppPermissionItem.js // altsource-viewer (https://github.com/therealFoxster/altsource-viewer) // diff --git a/js/versionHistory.js b/js/versionHistory.js index 7729f74..03b60d7 100644 --- a/js/versionHistory.js +++ b/js/versionHistory.js @@ -32,14 +32,29 @@ main((json) => { const versionsContainer = document.getElementById("versions"); if (app.versions) { app.versions.forEach((version, i) => { - versionsContainer.insertAdjacentHTML("beforeend", VersionHistoryItem(version.version, formatVersionDate(version.date), formatString(version.localizedDescription), version.downloadURL, i)) + versionsContainer.insertAdjacentHTML("beforeend", + VersionHistoryItem( + version.version, + formatVersionDate(version.date), + formatString(version.localizedDescription), + version.downloadURL, + i + ) + ); }); } else { - versionsContainer.insertAdjacentHTML("beforeend", VersionHistoryItem(app.version, formatVersionDate(app.versionDate), formatString(app.versionDescription), app.downloadURL, 0)) + versionsContainer.insertAdjacentHTML("beforeend", + VersionHistoryItem( + app.version, + formatVersionDate(app.versionDate), + formatString(app.versionDescription), + app.downloadURL, + 0 + ) + ); } document.querySelectorAll(".version-description").forEach(element => { - console.log(MoreButton(tintColor)); if (element.scrollHeight > element.clientHeight) element.insertAdjacentHTML("beforeend", MoreButton(tintColor)); }); diff --git a/version-history.html b/version-history.html index d9ab651..8b3b201 100644 --- a/version-history.html +++ b/version-history.html @@ -1,5 +1,5 @@