FireFox Fix for R3 Show more | Show less irritation

[Forget It (U2079353)]

Annoyed by the red Show more | Show less click/links on pages such as:

http://www.bbc.co.uk/programmes/b01k9s0w.html

Then do as I did:

Install the Stylish Add-on for Firefox
Write a new style as follows:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.bbc.co.uk") {
.copy {display: inline !important; }
.truncate-link {display: none !important; }

}

Give it a Name and Save

- You can probably do the same using Chrome's Stylish Add-on - haven't tried myself.

[french frank]

Will investigate that, thanks.

[Resurrection Man]

A super idea, thanks. I have tried it with Chrome on a Mac and can't get it to work though. Is it just a simple copy and paste from your style?

Do I have to change that w3.org link as if I stick it in my browser I get Page Not Found

Just tried it in FireFox and works like a charm and so You have no idea how much that 'feature' has irked me.

Now to get it to work in Chrome or Safari .....

TIA

[Russ]

I complained about the show more/show less toggle, and Steve Bowbrick's response on the Radio 3 beta homepage blog was:

Automatically concealing some of the page content makes sense when there's a lot of it or on smaller screens. It's not always ideal, though, and can be clunky when there's not much content. We're looking at this feature closely but, you're right, it's not part of our beta testing so it may be a while before it's improved.

Seems like the feature has been introduced for the mobile sector.

Russ

[Resurrection Man]

But what is really irritating about this is that when you get to the page it actually does display the whole content ........and then blanks it.

[Word]

Now to get it to work in Chrome or Safari .....

@-moz-document domain() is specific to Gecko, the layout engine used by Firefox.
I believe that @document url() has been suggested as the equivalent function for inclusion in the CSS3 standard, but there's some debate as to whether it should be included and it's not currently supported by WebKit, the Safari layout engine (and therefore not by Chrome either).

So, though you can't limit the CSS to a particular domain (without using a browser extension), you can identify the elements a little more specifically so that they're less likely to be encountered in that combination on another site then have the browser apply that to every site you visit...

Save the following

.full_synopsis .copy {display: inline !important; }
.full_synopsis .truncate-link {display: none !important; }

to a file with a .css extension.

Go to the 'Advanced' tab within Safari preferences, select 'Other...' from the 'Style sheet' drop-down list and select the file you have just created, and Bob's your uncle (until the BBC change the structure of their HTML and the above stops working).

[PJPJ]

But what is really irritating about this is that when you get to the page it actually does display the whole content ........and then blanks it.

Yes, indeed - x10 - so annoying.

[PJPJ]

Save the following

.full_synopsis .copy {display: inline !important; }
.full_synopsis .truncate-link {display: none !important; }

Thank you - I tried that in Chrome and it's worked!

[Resurrection Man]

Word...many thanks for that. Works in both Safari and Chrome.

[David-G]

Can anything like this be done with IE? (He asks hopefully...)

[Flosshilde]

Seems like the feature has been introduced for the mobile sector.

Russ

That's what I think. However, as there's a button (?) on the web page to click on to get the display for mobiles it seems a bit daft to have something that they admit is 'clunky' & designed for smaller screens on the display for computers, which have screens that can cope with the full display.

[Resurrection Man]

But it's the way that many websites are going. Look at what google did to their search page results...just so it looked OK on a mobile.

[Alf-Prufrock]

Thank you - I tried that in Chrome and it's worked!

Can you please give the exact process by which you did this in Chrome? I cannot see how to do it as Mr. Word suggested. But then I am really no technie and shouldn't be here.

[Resurrection Man]

Can you please give the exact process by which you did this in Chrome? I cannot see how to do it as Mr. Word suggested. But then I am really no technie and shouldn't be here.

Go to this website https://chrome.google.com/webstore/category/home

You need the Stylish extension.

Once you have Stylish on Chrome, copy from the forum page the text that Word has given you.

Enter it into Stylish window,....choose Write New Style.

Save it

Should then work for you

[Alf-Prufrock]

Thank you very much, R.M., for your guidance. After a few false starts I have managed to get the extension to Chrome going, much to my blessed relief. And I would not count myself a techie. I have only just mastered a simple mobile phone that has none of the extras that teenagers and younger persons flaunt so easily. (Part of that problem was that I insisted on writing fully grammatical and well-punctuated text messages, which seem the very devil to do correctly.)

Anyway now that I can always see what has been written on the BBC website, I am very pleased indeed. Thanks again!