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