I see this in Chrome 31.0 and Safari 7, but not Firefox.

I see the same issue. I recall that a similar issue was due to a problem with CSSJanus. CSS Janus automatically swaps left and right values for some properties, but had problems on some rules such as box-shadow where the values provided do not correspond to "top right bottom left" but was interpreted by CSSJanus as such. Something similar could be happening here, but I have not found the specific rule that may cause the problem in this case.

Regarding button groups, the border between buttons seems too thick since it becomes the border of two buttons. A solution could be to make buttons inside the group to lack the left border (making the fist of them an exception). Similar to what it has been done with border-radius.

Pau

On Tue, Jan 7, 2014 at 7:46 AM, May Tee-Galloway <mgalloway@wikimedia.org> wrote:

On Mon, Jan 6, 2014 at 2:47 PM, S Page <spage@wikimedia.org> wrote:

On Mon, Jan 6, 2014 at 2:22 PM, Juliusz Gonera <jgonera@wikimedia.org> wrote:

On 01/06/2014 11:01 PM, S Page wrote:

When quiet buttons are colored by default, what color is it? If it's the same as the second row of https://www.mediawiki.org/wiki/Wikimedia_Foundation_Design/Agora_Control_Library#Buttons , then the button has no mouseover state, so we've improved mobile and degraded desktop.

May didn't mention it here, but I remember her saying that the hover state color of quiet links should be like the active background color of normal buttons. Is this correct, May?

But the active color is already using the active background color. If you make the hover use it too then we have a hover state but nothing happens on click.
There's a best-selling book about distinguishing hover/active/disabled/toggled, "50 Shades of Grey" :)

The bevel color when you hover over a button will be the hover state color of the quiet buttons. I have software issues on my side the entire day, hopefully it gets fixed next day so I can give you exact values of the bevel colors (or if Jared has it at hand) and then make changes to https://www.mediawiki.org/wiki/Wikimedia_Foundation_Design/Agora_Control_Library#Buttons

So we have a third kind of buttons as S said?

* normal
* quiet
* quiet with colors <- new --

I'm confused too. May, are there quiet buttons that start gray and change color when you mouseover-click them, as shown in https://www.mediawiki.org/wiki/Wikimedia_Foundation_Design/Agora_Control_Library#Buttons ?

Let me get my software running again so I can ease your confusion here.

--

=S Page Features engineer

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

Pau Giner

Interaction Designer

Wikimedia Foundation