Merge "Small tweaks to media handler tests"

[lhc/web/wiklou.git] / resources / src / mediawiki.ui / mixins / effects.less

diff --git a/resources/src/mediawiki.ui/mixins/effects.less b/resources/src/mediawiki.ui/mixins/effects.less
index 9daad74..9759f63 100644 (file)
--- a/resources/src/mediawiki.ui/mixins/effects.less
+++ b/resources/src/mediawiki.ui/mixins/effects.less
@@ -10,6 +10,7 @@
        &:focus {
                // The inner bottom bevel should match the active background color.
                box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);
+               border-bottom-color: mix(#000, @bgColor, 20%);
                outline: none;
                // remove outline in Firefox
                &::-moz-focus-inner {
@@ -45,10 +46,17 @@
 
 .button-colors(@bgColor) when (lightness(@bgColor) < 70%) {
        color: @colorWhite;
-       border: none;
+       // border of the same color as background so that light background and
+       // dark background buttons are the same height (only top and bottom to
+       // make box shadow on hover cover the corners too)
+       border: 1px solid @bgColor;
+       border-left: none;
+       border-right: none;
+       text-shadow: 0 1px rgba(0, 0, 0, .1);
 
        &:disabled {
                background: @colorGrayLight;
+               border-color: @colorGrayLight;
 
                // make sure disabled buttons don't have hover and active states
                &:hover,