diff --git a/showmore_dyn/showmore_dyn.css b/showmore_dyn/showmore_dyn.css index e351594f..0e082e10 100644 --- a/showmore_dyn/showmore_dyn.css +++ b/showmore_dyn/showmore_dyn.css @@ -1,42 +1,41 @@ .wall-item-body-toggle { - width: 100%; - text-align: center; - background-image: linear-gradient(rgba(0,0,0,0), #f6f6f6); - cursor: pointer; - height: 50px; - position: absolute; - top: auto; - bottom: 0; - z-index: 11; - left: 0; - display: none; + width: 100%; + text-align: center; + background-image: linear-gradient(rgba(0,0,0,0), #f6f6f6); + cursor: pointer; + height: 50px; + position: absolute; + top: auto; + bottom: 0; + z-index: 11; + left: 0; + display: none; } .wall-item-body-toggle-text { - width: 100%; - position: absolute; - top: auto; - bottom: 0; - z-index: 12; - left: 0; - text-shadow: 0 0 5px #f6f6f6; - font-weight: bold; - - background: none!important; - border: none; - padding: 0!important; - cursor: pointer; + width: 100%; + position: absolute; + top: auto; + bottom: 0; + z-index: 12; + left: 0; + text-shadow: 0 0 5px #f6f6f6; + font-weight: bold; + background: none!important; + border: none; + padding: 0!important; + cursor: pointer; } .wall-item-body-toggle-text:hover { - text-decoration:underline; + text-decoration:underline; } .wall-item-body { - position: relative; - width: 100%; + position: relative; + width: 100%; } .wall-item-body-wrapper { - position: relative; - width: 100%; - display: inline-block; + position: relative; + width: 100%; + display: inline-block; } diff --git a/showmore_dyn/showmore_dyn.js b/showmore_dyn/showmore_dyn.js index e03e34ae..576d03f3 100644 --- a/showmore_dyn/showmore_dyn.js +++ b/showmore_dyn/showmore_dyn.js @@ -1,7 +1,9 @@ +var nextBodyIdx = 0; + $(document).ready(function(){ $("head").append(''); var newStyleElement = $("head").children(':last'); - newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden;}'); + newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden; display:inline-block;}'); handleNewWallItemBodies(); @@ -19,6 +21,9 @@ function handleNewWallItemBodies() { return; } + if (!$el.attr("id")) { + $el.attr("id", nextBodyIdx++); + } addHeightToggleHandler($el); var limited = processHeightLimit($el);