Trending Topics banner does not render titles correctly

The picture is self explanatory:

It’s time it was removed, in my view. Waste of space, especially on small screens.

I’ve already removed it here…

and anoying on mobile devices, tends to temporarily show every time i switch back and fort.
yet another example Katalon team does not test the changes at all, the comunity is here to wipe their…

How did you make it?

/* increase max-width of document */
:root {
  --d-max-width: 85vw;
}
/* Hide the custom search banner */
/* Hide the trending topics div */
div.custom-search-banner-wrap,
div.hot-topic-container {
  display:none;
}

Added to my Tampermonkey script.

@Russ_Thomas

Thank you for your info.

I added Tampermonkey into my Chrome browser. I add the following Tampermonkey script

// ==UserScript==
// @name         Hide Trending Topics in Katalon Forum
// @version      0.1
// @description as suggested by Russ_Thomas at https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/5
// @match        https://forum.katalon.com/*
// @match        https://forum.katalon.com/*/*
// ==/UserScript==

(function() {
    'use strict';
    if(window !== window.top) return;
    var $ = window.jQuery, styBig, stySmall;
    insertStyles();
})();

function insertStyles() {
    var style = `
<style>
/* Hide the custom search banner */
/* Hide the trending topics div */
div.custom-search-banner-wrap,
div.hot-topic-container {
    display:none;
}
div#ember12 {
    display:none;
}
div.tc-right-sidebar {
    display:none;
}
</style>`
    $('body').append(style);
}

I restarted Chrome to open a new tab where I opened the Katalon Forum.
No longer the Trending Topics banner is displayed.
I like this fix.

A simplified version inspired from @kazurayam variant:

(function() {
    'use strict';
    if(window !== window.top) return;
    document.querySelector("#ember12").remove();
//    var $ = window.jQuery, styBig, stySmall;
//    insertStyles();
})();

Now I have to find a solution to do the same on mobile, where this banner is the most anoying.

The “Tampermoneky-for-Android” project seems not being actively developed. I would not risk myself trying this.

@kazurayam yeah, i know about it.
I suppose i can try another browser enabled for userscripts, e. g. firefox but i am not ready to make that change yet.

Tried in Firefox on mobile but (the script) is not working, I have to find a way to inspect how the page is rendered in this case.
Most probably the page is a bit different so I have to change either the style or the selector

disabled the ‘if’ line, is somehow working, but the result is unstable, must dig more

I changed my Tampermonkey script as this:

// ==UserScript==
// @name         Hide Trending Topics in Katalon Forum
// @version      0.1
// @description as suggested by Russ_Thomas at https://forum.katalon.com/t/trending-topics-banner-does-not-render-titles-correctly/87066/5
// @match        https://forum.katalon.com/*
// @match        https://forum.katalon.com/*/*
// ==/UserScript==

(function() {
    'use strict';
    if(window !== window.top) return;
    var $ = window.jQuery, styBig, stySmall;
    insertStyles();
})();

function insertStyles() {
    var style = `
<style>
/* Hide the custom search banner */
/* Hide the trending topics div */
div#ember9 h1, div#ember9 p {
    display:none;
}
div.hot-topic-container {
    display:none;
}
div#ember12 {
    display:none;
}
div.tc-right-sidebar {
    display:none;
}
</style>`
    $('body').append(style);
}

The previous version made the Search field display:none; which was not good. I needed the Serach field.

The Katalon forum now looks in Chrome on my Mac with Tampermonkey as this:

I prefer this minimalistic view. I remember, a year ago, the site looked like this.

My version does’nt, it keeps the Search :smile:
(but removes the div completely, your version is just hidding it)
But we can use your solution also to re-style the top ‘Welcome’ banner, it is huge, totally waste of space. Less is more!

anyway, let us came back to the bug
yet another prove this is broken:

@vu.tran @albert.vu i hope, despite our workarounds, Katalon team take this into consideration.
It’s silly, annoying etc etc.
Should i say more?

Added to my script:

    document.querySelector("#ember9").remove();

I don’t care about the banner search, I can still use the search in the top pannel.
Now I have :stuck_out_tongue:

Thank you all for sharing with us the bug and feedback. We will centralize all the issues relevant to the banner in the post Announcing the Trending Topics banner. Please refer to the Announcing the Trending Topics banner - #15 by Elly_Tran to follow the bug’s status. Thank you!

cc @vu.tran , @albert.vu .

1 Like