photo of Henrik Helmers

Under construction

The exciting life of a UI designer

Changelog for the 11.01 snapshot (17.01.2011)

Monday, January 17, 2011 6:07:43 PM

,

Here's a rough list of skin changed in this release. They are based on feedback from the 11.00 release.

Windows / Linux:
- Tabs no longer jump when you switch between normal and thumbnail view.
- Skin for the "callouts" have been merged into one.
- Dropdown arrows made consistent.
- Unread mail badge now follows colorization.
- Speed Dial has gotten some polish.
- Cleaned up addressfield button spacing.
- Addressfield search button now match other addressfield buttons.

OS X:
- Tabs no longer jump when you switch between normal and thumbnail view.
- Skin for the "callouts" have been merged into one (and updated with more OS X-like styling)
- Dropdown arrows made consistent.
- Removed default speed dial background border.
- Cleaned up addressfield button spacing.
- Email infobar styled.
- Only active tabs have bolded text.
- Back / Forward stroke color aligned.
- Skinned the extensions manager.
- Dropdown toolbars updated.
- Panel toolbars updated.
- Bookmarks bar / main bar pressed button state now OS X specific.


In addition there are numerous smaller changes here and there. If you find any bugs, please post them here or in the desktop team blog post!

Animated speed dial backgroundsRelationship between the standard skin and custom skins

Comments

Dustin WilsonKhadgar Monday, January 17, 2011 10:23:52 PM

Liking the changes so far. Liking the extensions page better.

Minho's last screenshot displays a problem I keep forgetting to mention where the arrow on the dropdown is offset from the security button if Show Full URL is toggled on.

Is there any chance of returning the panels on Mac OS X to the native blue appearance they had before and removing the grey bar at the bottom of the window when the status bar is disabled?

Rijk Tuesday, January 18, 2011 12:12:10 AM

I've seen http://my.opera.com/minho/albums/showpic.dml?album=3631672&picture=87201362 , I think in the case where the page was loaded in the background while I was having a mail tab open with panels on the side, and switching to the page would hide the panels.

This one: http://my.opera.com/minho/albums/showpic.dml?album=3631672&picture=85719532 has a bug report, it is very old. Not related to the skin itself I think.

Danieledarklink88 Tuesday, January 18, 2011 2:02:04 AM

Great work Jan! But I'd like to know if you're going to remove the pin icon in the small pinned tabs or it is not a priority for 11.01?
Here's one glitch I've found (present in Opera 11 too): if you pin a tab normally it shows the pin icon over the favicon, but if you pin a tab while using visual tabs, the pin icon is not present and if you switch to "normal" tabs it still doesn't appear.
Also, I don't know if it's a skin problem, but when you drag a tab out of its bar, the preview is displayed very far from the mouse arrow.
Keep up the good work!yes

Daniel HendrycksDanielHendrycks Tuesday, January 18, 2011 2:06:15 AM

Yes, a press down effect for the search button!

MRCS Tuesday, January 18, 2011 5:28:02 AM

I haven't seen this mentioned elsewhere so it may just be me, but it also happens on the Standard and Native skins so I don't think it's just me. Happens only in 11.x and not 10.x. If I press certain buttons in the toolbar, such as Login, and I linger over the button a bit before I pull the pointer away it stays in the Pressed state. Moving the pointer back to the button will not return it to the normal state. If I move it away immediately after pressing the button it reacts normally.

XP Pro SP3 x86

Henrik HelmersHelmers Tuesday, January 18, 2011 8:39:09 AM

Originally posted by darklink88:

But I'd like to know if you're going to remove the pin icon in the small pinned tabs


Looking into it, but simply removing it in the skin has the side effect of it not appearing on pinned tabs in tab stacks. It needs more than skin work I'm afraid.

Henrik HelmersHelmers Tuesday, January 18, 2011 9:06:09 AM

Originally posted by iAlexS:

http://files.myopera.com/iAlexS/albums/1448491/Image%201.png


I've never found the number to be all that useful myself. We're investigating various solutions.

MaximSailorMax Tuesday, January 18, 2011 9:13:38 AM

Can you redraw smoothed icons in default skin? This is very old problem smile
Sample:
"Tools"-menu has clear icons (not shure about icons of "Links" and "Contacts")
But mail-menu has smooth icons of "Read Mail", "Compose", "Check/Send", "Check/Send"/*

to be sure, you can compare envelopes of "Tools"/"Mail and chat accounts" and submenues of "Mail"-menu.

thank you.

MaximSailorMax Tuesday, January 18, 2011 9:52:11 AM

bug DSK-324312
Possible mark tabs with tab hover color (dimmed tabs). Drag out any tab from Opera and move it over left tabs, by vertical direction wink

Danieledarklink88 Tuesday, January 18, 2011 11:12:16 AM

Originally posted by Helmers:

Originally posted by darklink88:

But I'd like to know if you're going to remove the pin icon in the small pinned tabs

Looking into it, but simply removing it in the skin has the side effect of it not appearing on pinned tabs in tab stacks. It needs more than skin work I'm afraid

Since on Windows and Linux the pin icon is displayed only when the pinned tab is in a stack, from what you said I understand that this is a mac-only problem that involves something that goes beyond skin, right?

Henrik HelmersHelmers Tuesday, January 18, 2011 11:28:57 AM

Originally posted by darklink88:

from what you said I understand that this is a mac-only problem that involves something that goes beyond skin


Last I heard a fix is on its way, but as usual promises as to when it will be out.

Henrik HelmersHelmers Tuesday, January 18, 2011 11:37:08 AM

Originally posted by SailorMax:

Can you redraw smoothed icons in default skin? This is very old problem


The "smoothed" icons are scaled versions of the larger ones. The solution would be to create pixel-perfect smaller ones. I will keep that in mind for when we update our icon set.

DSK-324312
I do not fully understand what you mean here. If you could supply a screenshot in that bug or make the description even clearer that would help.

MaximSailorMax Tuesday, January 18, 2011 12:58:19 PM

Originally posted by Helmers:

DSK-324312
I do not fully understand what you mean here. If you could supply a screenshot in that bug or make the description even clearer that would help.


I not shure screenshot will help you understand.

"dimmed tabs" - when you want create new stack, you move tab over another. In this situation (while you do not release mouse button) "another tab" change it's color to darker.

Now try move out tab from Opera main window (its thumbnail attach to mouse pointer), and then move mouse pointer over another tabs, like you want create new stack.

MaximSailorMax Tuesday, January 18, 2011 1:21:49 PM

Originally posted by Helmers:

DSK-324312
If you could supply a screenshot in that bug ... that would help.


animated gif attached to bug report.

Kamaleshkamalesh Tuesday, January 18, 2011 2:04:30 PM

Nice work on the skin tweaking, Jan. wink

I like the refinements and harmonizing for side-tabs that were lagging compared with default top-tabs.

Couple things related to tabs-on-the-side:

o Current tab font is not bolded.
o The tab thumbnail border contrast is still not enough to instantly distinguish the current tab from the others, as much as I think it should. I still have to stare for a couple seconds more. (Top-tabs contrast don't have this problem.)
o Would still like to see a graphical connector for current tab to main window, identical to top-tabs. This missing skin element makes side-tabs feel a little disconnected.
o When clicking on a thumbnail in a stack pop-up, shouldn't the callout dissolve to allow working on that page? Maybe clicking on various thumbnails in a Stack pop-up should stay visible, but I think 95% typical users would expect it to be hidden on a click. (Maybe allow right-click or two-finger tap to keep the Stack pop-up visible for power users.) -- More a stack feature than a skin tweak, I guess. wink
o Zoom-percent slider element still not visible in OSX for me.

Keep the good work. wink

Moe GreeneMoeGreene Tuesday, January 18, 2011 9:55:14 PM

Nice work! I appreciate the attention to the UI details.

Here are some things I've found that could be improved on OS X:

1. The tab tooltips are rendered without shadow (http://my.opera.com/community/forums/topic.dml?id=871812).

2. Remove the superfluous bar below the panels that is visible when the status bar is disabled.

3. The height of the 'View' button (the one with the glasses) is one pixel less than the other browser toolbar buttons.

4. It would look nice if the height of the address bar and the panel toolbar could be aligned (http://imgur.com/JeF8p) (if they'll line up or not obviously depends on the user's configuration).

5. The scrollbars used in the panels and the address field drop down are not native looking.

6. The font size used in the address bar field was reduced in Opera 11.0 compared to previous versions. Could we please bring back the old size?

7. Maybe now a skin issue – but would it be possible to allow a skin.ini setting to define a text colour for the address field? To have the complete URL in black e.g.

Ralf Demuthlachralle Wednesday, January 19, 2011 7:44:43 AM

Nice changes, love that extension buttons now share the appearance of other address bar buttons. Two things:

1. "Email infobar styled", please make the "download full message" link a real button.

2. Give extension buttons a real 'selected' state so they don't switch to 'unpressed' when the extension pop-up appears.

Erik HauboldAltarius Thursday, January 20, 2011 7:59:35 AM

it would be nice, to make this part a bit more appealing:



the part with email on it, is a bit taller than the adressbar and the panel on the left doesnt really fit visually (my opinion).

opera is running on opensuse 11.3 (64bit)

Henrik HelmersHelmers Monday, January 24, 2011 8:58:05 AM

Making the two toolbars align is a little bit of black magic. They should be aligned on Windows, but when Linux demands a larger font size the entire UI jumps around - and I do not have a cure.

Write a comment

New comments have been disabled for this post.