fix: when setting the --keycap-height above the minimum, actually set…

… the keycap height
arnog · Aug 1, 2023 · fa65e25 · fa65e25
1 parent c318b56
commit fa65e25
Showing 1 changed file with 9 additions and 9 deletions.
diff --git 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 {