.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;
}
-
.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;
padding: 0 !important;
cursor: pointer;
}
-
.wall-item-body-toggle-text:hover {
text-decoration: underline;
}
-
-.wall-item-body {
- position: relative;
- width: 100%;
-}
-
-.wall-item-body-wrapper {
- position: relative;
- width: 100%;
- display: inline-block;
-}
function addHeightToggleHandler($item) {
var itemId = parseInt($item.attr("id").replace("wall-item-body-", ""));
$item.data("item-id", itemId);
- var wrapperId = "wall-item-body-wrapper-" + itemId;
var toggleId = "wall-item-body-toggle-" + itemId;
- $item.wrap('<div id="' + wrapperId + '" class="wall-item-body-wrapper"></div>');
- $("#" + wrapperId).append('<div class="wall-item-body-toggle" data-item-id="' + itemId + '" id="' + toggleId + '" ><button type="button" class="wall-item-body-toggle-text">' + showmore_dyn_showmore_linktext + '</button></div>');
+ $item.append('<div class="wall-item-body-toggle" data-item-id="' + itemId + '" id="' + toggleId + '" ><button type="button" class="wall-item-body-toggle-text">' + showmore_dyn_showmore_linktext + '</button></div>');
$item.addClass("limitable limit-height");
var $toggle = $("#" + toggleId);