☰

Greasy Fork is available in English.

Fix Serena Community Blog page carousel resizing

Page has carousel at the top that rotates through different blogs.

// ==UserScript==
// @name         Fix Serena Community Blog page carousel resizing
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  Page has carousel at the top that rotates through different blogs.
//               Each is a different height which causes everything below to jump up and down every time the carousel changes.
//               This script finds the max height of all carousel items and sets the carousel container's height.
// @author       (@ gmail) mnemotronic
// @match        *://*.communities.serena.com/blogs*
// @match        *://*.serenacentral.com/blogs*
// @grant        none
// ==/UserScript==

(function() {
   'use strict';

   // Fix the Serena Community Blogs page that's constantly moving content up and down due to the carousel 
   //    items being different heights.
   // carousel containing carousel DIV elements
   var carousel_Div = jQuery('.carousel-inner') ;

   // Array of carousel DIV elements
   var carousel_inner_Divs = carousel_Div.children('div.item') ;
   var mx=0 ;

   if (carousel_inner_Divs.length>2) {
      carousel_inner_Divs.each( function(idx) {
         // height of the current loop element.
         var h = jQuery(this).outerHeight(true) ;
         // save max height
         if (h>mx) { mx=h ;}
         // console.log('idx=' + idx + '   element outerHeight=' + h + '   current max height=' + mx ) ;
      }) ;
      // console.log('max height=' + mx ) ;
      // set the carousel container
      carousel_Div.css('height',mx);
   }

})();