Major improvement in Firefox

I spent some time last week looking into a bug in the Firefox for window desktop. It is going to be among major improvement in the upcoming Firefox release.  This bug is about  Fullscreen windows on Windows 8/8.1/10 . This is how window controls (minimize/maximize/close) currently looks like in full-screen mode.

Screen_Shot_2014-01-29_at_11_41_35

This is similar to window 7 styling. But the above image is from window 8. It means- When you’re in full-screen mode on Windows 8/8.1/10, the window controls use a Windows 7 theme. This issue was confirmed in Firefox 36, Firefox 40.0 and later on.  In full-screen mode, the window controls (minimize/maximize/close) have a Windows Vista styling (on Windows 10 too). WindowsXP has its own button style and so that Win 8.

The solution was little tricky, After a lot of discussions, All came to a conclusion that we gonna use caption-buttons.svg for this. And indeed, Mozilla developers are so cool and talented in every aspect.

I am adding a little part of code here to show you, how I used that caption-buttons.svg

 #minimize-button {
-  -moz-image-region: rect(0, 16px, 16px, 0);
+  list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize);
 }
-#minimize-button:hover {
-  -moz-image-region: rect(16px, 16px, 32px, 0);
+
+#restore-button {
+  list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore);
 }

This was just a demo, If you find it interested you can see here . You can also go see the details about the bug here at bugid- 965322.

It always feels good when someone appreciates your work. My mentor Gijs, Always appreciate me in every aspect.  But when you see some other developers commenting on your work. It always feels good and motivated.

Rakhi, you rock! Thank you for fixing this, it makes a major improvement for fullscreen on Windows 🙂

There is a lot to come, stay tuned. Thanks for reading 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s