diff --git a/plugins/shorten_expanded/init.css b/plugins/shorten_expanded/init.css index 920e38415..0966aa1f9 100644 --- a/plugins/shorten_expanded/init.css +++ b/plugins/shorten_expanded/init.css @@ -1,9 +1,9 @@ -div.contentSizeWrapper { +.content-shrink-wrap { overflow : hidden; text-overflow: ellipsis; height : 800px; } -button.expandPrompt { - margin-top : 20px; +.expand-prompt { + margin-top : 16px; } diff --git a/plugins/shorten_expanded/init.js b/plugins/shorten_expanded/init.js index 577ed880e..6371bd1c6 100644 --- a/plugins/shorten_expanded/init.js +++ b/plugins/shorten_expanded/init.js @@ -1,17 +1,19 @@ -var _shorten_expanded_threshold = 1.5; //window heights +const _shorten_expanded_threshold = 1.5; //window heights -function expandSizeWrapper(id) { - const row = $(id); +Plugins.Shorten_Expanded = { + expand: function(id) { + const row = $(id); - if (row) { - const content = row.select(".contentSizeWrapper")[0]; - const link = row.select(".expandPrompt")[0]; + if (row) { + const content = row.select(".content-shrink-wrap")[0]; + const link = row.select(".expand-prompt")[0]; - if (content) content.removeClassName("contentSizeWrapper"); - if (link) Element.hide(link); + if (content) content.removeClassName("content-shrink-wrap"); + if (link) Element.hide(link); + } + + return false; } - - return false; } require(['dojo/_base/kernel', 'dojo/ready'], function (dojo, ready) { @@ -19,19 +21,27 @@ require(['dojo/_base/kernel', 'dojo/ready'], function (dojo, ready) { PluginHost.register(PluginHost.HOOK_ARTICLE_RENDERED_CDM, function(row) { window.setTimeout(function() { if (row) { + const c_inner = row.select(".content-inner")[0]; const c_inter = row.select(".intermediate")[0]; if (c_inner && c_inter && row.offsetHeight >= _shorten_expanded_threshold * window.innerHeight) { - c_inter.parentNode.removeChild(c_inter); + let tmp = document.createElement("div"); - c_inner.innerHTML = "