diff --git a/css/virtual-keyboard.less b/css/virtual-keyboard.less index 8735497c9..9bf0a8bda 100644 --- a/css/virtual-keyboard.less +++ b/css/virtual-keyboard.less @@ -874,9 +874,9 @@ Note there are a different set of tooltip rules for the keyboard toggle /* @xs breakpoint: iPhone 5 */ @container @xs { .MLK__rows { - --_keycap-gap: ~"min(var(--_keycap-gap, 2px), 2px)"; - --_keycap-height: ~"min(var(--_keycap-height, 42px), 42px)"; - --_keycap-max-width: ~"min(var(--_keycap-max-width, 62px), 62px)"; + --_keycap-gap: ~"max(var(--_keycap-gap, 2px), 2px)"; + --_keycap-height: ~"max(var(--_keycap-height, 42px), 42px)"; + --_keycap-max-width: ~"max(var(--_keycap-max-width, 62px), 62px)"; } // Smaller toolbar switcher labels @@ -902,9 +902,9 @@ Note there are a different set of tooltip rules for the keyboard toggle @container @sm { .MLK__rows { - --_keycap-gap: ~"min(var(--keycap-gap, 2px), 2px)"; - --_keycap-height: ~"min(var(--keycap-height, 52px), 52px)"; - --_keycap-max-width: ~"min(var(--keycap-max-width, 62px), 62px)";; + --_keycap-gap: ~"max(var(--keycap-gap, 2px), 2px)"; + --_keycap-height: ~"max(var(--keycap-height, 52px), 52px)"; + --_keycap-max-width: ~"max(var(--keycap-max-width, 62px), 62px)";; } .MLK__toolbar > div > div { @@ -940,9 +940,9 @@ Note there are a different set of tooltip rules for the keyboard toggle /* Medium breakpoint: larger phones */ @container @md { .MLK__rows { - // --_keycap-gap: ~"min(var(--keycap-gap), 2px)"; - --_keycap-height: ~"min(var(--keycap-height, 42px), 42px)"; - // --_keycap-max-width: ~"min(var(--_keycap-max-width), 62px)";; + // --_keycap-gap: ~"max(var(--keycap-gap), 2px)"; + --_keycap-height: ~"max(var(--keycap-height, 42px), 42px)"; + // --_keycap-max-width: ~"max(var(--_keycap-max-width), 62px)";; } .MLK__rows > .row > div > small {