question: dualbutton css

How do you make the dualbutton always appear like the last two sets of screenshots (as it does on hover)?

I’m looking to make dualbuttons always show their dropdown button with a real button like look.  This dualbutton reply button is  going to land in Thunderbird 3 soon and I’d like the style to look correct for both Linux and Windows (Mac is using its own button style).

dualbutton-dropdown-hover

However this doesn’t appear to be some kind of toolkit CSS hover issue. The windows CSS is decidedly worse than the Linux right now so that may be a separate issue all together; and if so we can attempt that in the same way we handled the Mac.

Hints, answers, and the like are greatly appreciated in the comments.

7 responses to “question: dualbutton css

  1. Are you approaching this from the toolkit point of view (“I think toolkit has a bug that needs to be fixed”) or the Thunderbird point of view (“How do I hack around this toolkit behaviour”)?

  2. > (Mac is using it’s own button style)

    s/it’s/its/

  3. _FrnchFrgg_

    In fact, to blend more in the gnome ui, we should make dropdown always appear as two separate buttons and not some kind of a button that overwrites part of the border of another (that’s the goal of https://bugzilla.mozilla.org/show_bug.cgi?id=409655, shame on me for not doing anything mozilla-related these past months).

    You probably want to use -moz-appearance: button for the two inner objects of the dropdown, and remove the special -moz-appearance that the dropdown probably has.

  4. Neil: I’m looking at this from a “How can I hack around the toolkit behaviour” to get what I want. I’m not sure if I see this as a toolkit bug but I haven’t thought about it from that angle.

    @_FrnchFrgg_: thanks for the tip, I’ll try that out!

    - sorry comments weren’t working for a while, the captcha key went bad for some reason -

  5. Jim

    In addition to being wrong for Gnome as mentioned above, dualbuttons are wrong for Windows too. The Win32 version of a dualbutton, a “split button”, is a special kind of button that has a bar between the text and the arrow. It’s not a button within a button as you’d get with -moz-appearance:dualbutton-dropdown.

    The same thing applies to toolbar buttons (e.g. the “Get Mail” button in Thunderbird). It seems like this idea is fairly common across OS boundaries so maybe there should be a more straightforward way to handle it? I looked at the DOM for the new message buttons in Thunderbird 3 and it feels like it’s trying to work around buggy/missing features with -moz-appearance.

    MSDN has some information about the buttons here: http://msdn.microsoft.com/en-us/library/bb775947%28VS.85%29.aspx . Note that it’s a little misleading and split buttons are in XP as well.

  6. Jim

    It looks like this is getting fixed for Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=509642

  7. Isn t that video #likeaboss an oxymoron? Post a link to it on your PC.
    If you are looking video #likeaboss for the best video editing software for
    people who want to learn to play tennis, the tennis instruction videos lessons are strategic and easy to break or ruin.

    If an incident occurs, a request of the incident can bemade to the dispatcher and full video of the even HERE.

    You video #likeaboss may set Quality Settings and Burn Settings too.

    Review my website … see this here

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

aboot

This is the blog personality of Bryan Clark. I'm a designer in a world of open source. This blog reflects mostly writing about Design, Open Source, Economics, Beer, Wine, and Dogs. There's more information about me on this site or you can contact me directly at clarkbw@gmail.com.

scategories