Doesnt show icons for JS, CSS files

Question

Doesnt show icons for JS, CSS files

ShashankaNataraj opened this issue 10 years ago · comments

Shashanka Nataraj commented 10 years ago

Is there a fix planned for this? I see an empty area where the icon should be?

Oleksandr Bardanov · Answer 1 · Thu Aug 28 2014 23:49:00 GMT+0800 (China Standard Time)

Provide more information about this issue:

check developer tools console for errors
provide name of files
show screenshots

Shashanka Nataraj · Answer 2 · Fri Aug 29 2014 23:21:01 GMT+0800 (China Standard Time)

My screen looks like this:

panel.html and main.js dont have icons. Its the same thing with *.html and *.js files.

My developer tools looks like this:

The socket.io errors are due to another unrelated terminal extension.

Let me know if you need more info.

Oleksandr Bardanov · Answer 3 · Sat Aug 30 2014 00:01:30 GMT+0800 (China Standard Time)

Still I cannot understand and reproduce this error. Please let me know if you manage to find what is wrong.
Check is CSS with icons was loaded correctly.

Shashanka Nataraj · Answer 4 · Sat Aug 30 2014 00:05:41 GMT+0800 (China Standard Time)

Maybe it's one of the other extensions I haven't taken a look yet, but I will try to disable all other extensions and debug a little and let you know what I find!

Shashanka Nataraj · Answer 5 · Sat Aug 30 2014 20:03:19 GMT+0800 (China Standard Time)

OK, I think I found the root of the problem, the background image for that icon reads:

url("file:///C:/Program%20Files%20(x86)/Brackets/dev/src/img/glyphicons-halflings.png")

I navigated to "file:///C:/Program%20Files%20(x86)/Brackets/" and dont see a "dev" folder there!

For .json files though, the entire icons shows up perfectly in the tabs, the dom markup is as follows for the correctly working icon:

I believe this works correctly because this is using font-awesome to specify the icon for the tab. The non-working part uses an image as an icon and fails...

Can we use font-awesome to render ALL icons instead of using it only for a few?

Oleksandr Bardanov · Answer 6 · Sat Aug 30 2014 20:45:32 GMT+0800 (China Standard Time)

Nope we cannot use font awesome for all icons. And your investigation isn't correct.
This icon are using Pictonic font. And I think that it's not loaded in your system.

Shashanka Nataraj · Answer 7 · Mon Sep 01 2014 22:58:14 GMT+0800 (China Standard Time)

Ok, Im closing this issue now, as the issue was being caused by another malfunctioning extension: Terminal. As soon as I removed it, everything was back to normal again. Im able to see the icons in the tabs now! Thanks for the help!