stories timeline is back

[sfortis]

it seems that stories cant be hide anymore.

[zbluebugz]

Can you provide a picture of the "Stories"?

Where is "Stories" located in FB? - News Feed? Groups Feed? Watch Videos Feeds? Other?

And if possible, copy the HTML code that is used for "Stories" into hastebin.com and paste the link here. With the HTML code, I can then check the script's list of rules and make the relevant changes.

[sfortis]

Can you provide a picture of the "Stories"?

Where is "Stories" located in FB? - News Feed? Groups Feed? Watch Videos Feeds? Other?

And if possible, copy the HTML code that is used for "Stories" into hastebin.com and paste the link here. With the HTML code, I can then check the script's list of rules and make the relevant changes.

Sure! check the attached screenshot.

Here is the stories div paste : https://pastebin.com/tQZSAuit

thanks for the great script!

[zbluebugz]

Thanks for you help with this! - I used to see the Stories collection and haven't seen it for a long time.

The screen-shot and HTML code you supplied was very useful.

Added option to hide "Stories" in the next release (4.05).

Any chance you could supply the HTML code for "Create Room" too, please? (Another one that I don't see, but know some users like to hide it)

PS. Thanks for the compliments!

[sfortis]

Thanks for you help with this! - I used to see the Stories collection and haven't seen it for a long time.

The screen-shot and HTML code you supplied was very useful.

Added option to hide "Stories" in the next release (4.05).

Any chance you could supply the HTML code for "Create Room" too, please? (Another one that I don't see, but know some users like to hide it)

PS. Thanks for the compliments!

Wow! that was a lighting fast enhancement :)

This is the div code for "create a room" --> https://pastebin.com/E4g7SCEZ

[zbluebugz]

Thanks for supplying the code for "Create a room".

I have added option to hide "Create room" in the next release (4.05).

To be sure that I have the code working as expected, can you do the following tests for me, please.

They'll look for Stories and Create Room components and highlight them with dotted borders.

When in FB and you see the Stories and Create Room, run the following code in the DevTools Console (copy and paste - they'll run automatically).

This one is for Stories, highlights it with a pink dotted border:

(function nf_scrubTheStories() {
    // - stories only
    // -- appears at top of NF
    let query = 'span[id="ssrb_stories_start"] ~ div > div a[href*="/stories/create"]';
    let stories = document.querySelector(query);
    if (stories !== null) {
        // - parent is a few levels up.
        let par = stories.closest('span ~ div > div');
        par.setAttribute('style', 'border: 5px dotted pink !important;');
    }
})();

This one is for Create Room - highlights it with three dotted borders in different colours. Let me know which border colour(s) highlights the Create Room box correctly.

(function nf_scrubTheRoom() {
    // - "Create Room"
    // -- appears below "What's on your mind, <name>?" box at top of News Feed
    let query = 'div > div > div > div[data-visualcompletion="ignore-dynamic"] div > i[data-visualcompletion="css-img"]';
    let createRoom = document.querySelector(query);
    if (createRoom !== null) {
        let par = createRoom.closest('div > div > div > div[data-visualcompletion="ignore-dynamic"]');
        par.setAttribute('style', 'border: 5px dotted pink !important;');
        par.parentElement.setAttribute('style', 'border: 5px dotted blue !important;');
        par.parentElement.parentElement.setAttribute('style', 'border: 5px dotted red !important;');
    }
})();

Thanks again! :-)

[sfortis]

Thanks for supplying the code for "Create a room".

I have added option to hide "Create room" in the next release (4.05).

To be sure that I have the code working as expected, can you do the following tests for me, please.

They'll look for Stories and Create Room components and highlight them with dotted borders.

When in FB and you see the Stories and Create Room, run the following code in the DevTools Console (copy and paste - they'll run automatically).

This one is for Stories, highlights it with a pink dotted border:

(function nf_scrubTheStories() {
    // - stories only
    // -- appears at top of NF
    let query = 'span[id="ssrb_stories_start"] ~ div > div a[href*="/stories/create"]';
    let stories = document.querySelector(query);
    if (stories !== null) {
        // - parent is a few levels up.
        let par = stories.closest('span ~ div > div');
        par.setAttribute('style', 'border: 5px dotted pink !important;');
    }
})();

This one is for Create Room - highlights it with three dotted borders in different colours. Let me know which border colour(s) highlights the Create Room box correctly.

(function nf_scrubTheRoom() {
    // - "Create Room"
    // -- appears below "What's on your mind, <name>?" box at top of News Feed
    let query = 'div > div > div > div[data-visualcompletion="ignore-dynamic"] div > i[data-visualcompletion="css-img"]';
    let createRoom = document.querySelector(query);
    if (createRoom !== null) {
        let par = createRoom.closest('div > div > div > div[data-visualcompletion="ignore-dynamic"]');
        par.setAttribute('style', 'border: 5px dotted pink !important;');
        par.parentElement.setAttribute('style', 'border: 5px dotted blue !important;');
        par.parentElement.parentElement.setAttribute('style', 'border: 5px dotted red !important;');
    }
})();

Thanks again! :-)

Pink border for the stories, red for the "create room", excellent color choice :)

[zbluebugz]

Thanks for the feedback and your assistance with these two issues.

Good to see that the code works as expected :-)