From: Christian Wiwie <jonsnow@posteo.de>
Date: Tue, 17 Mar 2020 20:50:00 +0000 (+0100)
Subject: #8374: Removed wrapper and unnecessary css
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=f9e74a3c3427c4b4b93149e27f94e8b9eb1df5f5;p=friendica-addons.git

#8374: Removed wrapper and unnecessary css
---

diff --git a/showmore_dyn/showmore_dyn.css b/showmore_dyn/showmore_dyn.css
index 3e41fd3d..f8c052a8 100644
--- 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 9864f24a..956ba2c1 100644
--- 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);