Friendica/friendica-addons
1
1
Fork 1
mirror of https://git.friendi.ca/friendica/friendica-addons.git synced 2024-11-24 09:03:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

#8374: Not triggering post height limit when showing individual post under /display

Browse source
This commit is contained in:
Christian Wiwie 2020-03-17 22:27:48 +01:00
parent f9e74a3c34
commit 15d3c2f78e
2 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
showmore_dyn/showmore_dyn.css
View file

@ -1,11 +1,24 @@
.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;
@ -13,6 +26,18 @@
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;
}

7
showmore_dyn/showmore_dyn.js
View file

@ -1,9 +1,14 @@
var nextBodyIdx = 0; var nextBodyIdx = 0;
$(document).ready(function() { $(document).ready(function() {
loc = window.location.pathname;
if (loc.startsWith('/display')) {
return;
}
$("head").append('<style type="text/css"></style>'); $("head").append('<style type="text/css"></style>');
var newStyleElement = $("head").children(':last'); var newStyleElement = $("head").children(':last');
newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden; display:inline-block;}'); newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden; }');
handleNewWallItemBodies(); handleNewWallItemBodies();