#8374: Fixing css indent; Making addon work with Vier theme

diff --git a/showmore_dyn/showmore_dyn.css b/showmore_dyn/showmore_dyn.css
index e351594..0e082e1 100644 (file)
--- a/showmore_dyn/showmore_dyn.css
+++ b/showmore_dyn/showmore_dyn.css
@@ -1,42 +1,41 @@
 .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;
+       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;
-  border: none;
-  padding: 0!important;
-  cursor: pointer;
+       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;
+       border: none;
+       padding: 0!important;
+       cursor: pointer;
 }
 .wall-item-body-toggle-text:hover {
-         text-decoration:underline;
+       text-decoration:underline;
 }
 .wall-item-body {
-    position: relative;
-    width: 100%;
+       position: relative;
+       width: 100%;
 }
 .wall-item-body-wrapper {
-    position: relative;
-    width: 100%;
-    display: inline-block;
+       position: relative;
+       width: 100%;
+       display: inline-block;
 }
 
 

diff --git a/showmore_dyn/showmore_dyn.js b/showmore_dyn/showmore_dyn.js
index e03e34a..576d03f 100644 (file)
--- a/showmore_dyn/showmore_dyn.js
+++ b/showmore_dyn/showmore_dyn.js
@@ -1,7 +1,9 @@
+var nextBodyIdx = 0;
+
 $(document).ready(function(){
        $("head").append('<style type="text/css"></style>');
        var newStyleElement = $("head").children(':last');
-       newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden;}');
+       newStyleElement.html('.limit-height{max-height: ' + postLimitHeight + 'px; overflow: hidden; display:inline-block;}');
 
        handleNewWallItemBodies();
 
@@ -19,6 +21,9 @@ function handleNewWallItemBodies() {
                        return;
                }
 
+               if (!$el.attr("id")) {
+                       $el.attr("id", nextBodyIdx++);
+               }
                addHeightToggleHandler($el);
                var limited = processHeightLimit($el);