tubearchivist
/
tubearchivist
mirror of https://github.com/tubearchivist/tubearchivist.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix chrome compatibility issue for description text reveal, #327

This commit is contained in:
simon 2022-10-22 22:32:57 +07:00
parent 0bba36cbc3
commit 40eff8e30e
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
tubearchivist/static/script.js
View File

@ -1102,12 +1102,12 @@ function textReveal() {
function textExpand() { function textExpand() {
var textBox = document.getElementById("text-expand"); var textBox = document.getElementById("text-expand");
var button = document.getElementById("text-expand-button"); var button = document.getElementById("text-expand-button");
var textBoxLineClamp = textBox.style["-webkit-line-clamp"]; var style = window.getComputedStyle(textBox)
if (textBoxLineClamp === "none") { if (style.webkitLineClamp === "none") {
textBox.style["-webkit-line-clamp"] = "4"; textBox.style["-webkit-line-clamp"] = "4";
button.innerText = "Show more"; button.innerText = "Show more";
} else { } else {
textBox.style["-webkit-line-clamp"] = "none"; textBox.style["-webkit-line-clamp"] = "unset";
button.innerText = "Show less"; button.innerText = "Show less";
} }
} }
@ -1119,8 +1119,9 @@ function textExpandButtonVisibilityUpdate() {
if (!textBox || !button) if (!textBox || !button)
return; return;
var textBoxLineClamp = textBox.style["-webkit-line-clamp"]; var styles = window.getComputedStyle(textBox);
if (textBoxLineClamp === "none") var textBoxLineClamp = styles.webkitLineClamp;
if (textBoxLineClamp === "unset")
return; // text box is in revealed state return; // text box is in revealed state
if (textBox.offsetHeight < textBox.scrollHeight if (textBox.offsetHeight < textBox.scrollHeight