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). WindowXP has its own button style and so that Win 8.

The solution was little tricky, After lot of discussion, All came to a conclusion that we gonna use  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 interseted you can see here  . You can also go see the details about bug here at bugid- 965322.

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

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

There are 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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s