#8374: Removed wrapper and unnecessary css

diff --git a/showmore_dyn/showmore_dyn.css b/showmore_dyn/showmore_dyn.css
index 3e41fd3..f8c052a 100644 (file)
--- a/showmore_dyn/showmore_dyn.css
+++ b/showmore_dyn/showmore_dyn.css
@@ -1,24 +1,11 @@
 .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;
@@ -26,18 +13,6 @@
        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;
-}

diff --git a/showmore_dyn/showmore_dyn.js b/showmore_dyn/showmore_dyn.js
index 9864f24..956ba2c 100644 (file)
--- a/showmore_dyn/showmore_dyn.js
+++ b/showmore_dyn/showmore_dyn.js
@@ -53,11 +53,9 @@ function handleNewWallItemBodies() {
 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);