Missing CSS tags and prop gap in FF no toolbar

Ivan Gabriele
(@ivan-gabriele)

10 years, 4 months ago
Hi Alex !

First thanks for this amazing plugin 🙂

Here is a capture : http://postimg.org/image/za5241u9f/ and the article on my blog : http://www.ivangabriele.com/css-reset/

I’m using WordPress 3.7.1 and SHE 3.1.7 :
1. In Firefox 25.0.1 : there is a gap, the first line (1) is empty and the last line is not formatted (no line number).
2. In CSS, some tags are not colored : h1…h6, pre, code, small, center, caption, embed
3. In CSS, a property is not colored : resize
4. When I activate the toolbar, it only shows the question mark (about), in all browsers.
^^

http://wordpress.org/plugins/syntaxhighlighter/

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter Ivan Gabriele
(@ivan-gabriele)

10 years, 4 months ago

I add here that when I choose the version 2.X in SH settings, I have no gap and the toolbar almost works. The second button (copy) doesn’t show up. It happens in all browsers :

http://postimg.org/image/s40t7fekt/

Manoz69
(@manoz69)

10 years, 3 months ago

Personally, I added the missing tags in shBrushCss.js file and it makes pretty good. The problem is prefix and @keyframes. I tryed to add -webkit- and/or webkit but it don’t work.

Here is a screenshot of my theme and my “missing tags” problem : http://i.imgur.com/jSJ1Bjw.png

Manoz69
(@manoz69)

10 years, 3 months ago

Sorry for double post but here is my test with all tags/values I added for the css: http://www.mwanoz.fr/wordpress-syntax-highlighter-theme-spacegray/.

I still don’t know how to add selectors like headings or pre, sub, table, etc…

Bjorn Holine
(@bjorn2404)

10 years, 2 months ago

I’m also seeing a gap in a test site that is using Bootstrap in Firefox. It seems to be coming from the vertical-align: baseline in my case on the td.code. Not sure how I’m going to go about overriding that at this point since everything has an !important on it.

Bjorn Holine
(@bjorn2404)

10 years, 2 months ago

Ah, in my case it’s because the plugin uses the .container class, which is of course one of the main structure classes in Bootstrap. Adding the following to my CSS worked for me in Firefox:

table td.code .container:before{ display: block; }

Manoz69
(@manoz69)

10 years, 2 months ago

Thx Bjorn 🙂 You should make a pull request to change the class ^^

I made 2 pull requests on Github on Syntax Highlighter and Syntax Highlighter Evolved to add the missing tags. For selectors like “pre”, the “headings” etc … we must change the core of the plugin but I have no idea how to do :/

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Missing CSS tags and prop gap in FF no toolbar’ is closed to new replies.