friendica/friendica-addons
7
2
Fork 14
Code Issues 3 Pull requests 3 Releases 16 Wiki Activity

[WIP] #8374: Limit post content by rendered height instead of number of characters #968

Merged
wiwie merged 19 commits from develop into develop 2020-03-18 01:48:19 +01:00
Conversation 13 Commits 19 Files changed 5 +1 -28
2 changed files with 1 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit f9e74a3c34 - Show all commits

25
showmore_dyn/showmore_dyn.css
View file

@ -1,24 +1,11 @@
.wall-item-body-toggle { .wall-item-body-toggle {
width: 100%;
text-align: center; text-align: center;
background-image: linear-gradient(rgba(0, 0, 0, 0), #f6f6f6); background-image: linear-gradient(rgba(0, 0, 0, 0), #f6f6f6);
cursor: pointer; cursor: pointer;
height: 50px; height: 50px;
position: absolute;
top: auto;
bottom: 0;
z-index: 11;
left: 0;
display: none; display: none;
} }
.wall-item-body-toggle-text { .wall-item-body-toggle-text {
width: 100%;
position: absolute;
top: auto;
bottom: 0;
z-index: 12;
left: 0;
text-shadow: 0 0 5px #f6f6f6; text-shadow: 0 0 5px #f6f6f6;
font-weight: bold; font-weight: bold;
background: none !important; background: none !important;
@ -26,18 +13,6 @@
padding: 0 !important; padding: 0 !important;
cursor: pointer; cursor: pointer;
} }
.wall-item-body-toggle-text:hover { .wall-item-body-toggle-text:hover {
text-decoration: underline; text-decoration: underline;
} }
.wall-item-body {
position: relative;
width: 100%;
}
.wall-item-body-wrapper {
position: relative;
width: 100%;
display: inline-block;
}

4
showmore_dyn/showmore_dyn.js
View file

@ -53,11 +53,9 @@ function handleNewWallItemBodies() {
function addHeightToggleHandler($item) { function addHeightToggleHandler($item) {
var itemId = parseInt($item.attr("id").replace("wall-item-body-", "")); var itemId = parseInt($item.attr("id").replace("wall-item-body-", ""));
$item.data("item-id", itemId); $item.data("item-id", itemId);
var wrapperId = "wall-item-body-wrapper-" + itemId;
var toggleId = "wall-item-body-toggle-" + itemId; var toggleId = "wall-item-body-toggle-" + itemId;
$item.wrap('<div id="' + wrapperId + '" class="wall-item-body-wrapper"></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>');
$("#" + 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.addClass("limitable limit-height"); $item.addClass("limitable limit-height");
var $toggle = $("#" + toggleId); var $toggle = $("#" + toggleId);