Apply minimum calculation for the max width (#362)

* Apply minimum calculation for the max width * Fix clash between sass min and css min Bug: T269928
wmde · Feb 16, 2021 · 2c06008 · 2c06008
1 parent bda4e40
commit 2c06008
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/vue-components/src/components/OptionsMenu.vue b/vue-components/src/components/OptionsMenu.vue
@@ -187,7 +187,8 @@ $base: '.wikit-OptionsMenu';
 
 #{$base} {
 	min-width: $wikit-OptionsMenu-min-width;
-	max-width: $wikit-OptionsMenu-max-width;
+	/* Uses CSS min, Falls back on 95vw when max-width > viewport width */
+	max-width: #{min}($wikit-OptionsMenu-max-width, 95vw);
 	width: max-content;
 	background-color: $wikit-OptionsMenu-background-color;
 	border-radius: $wikit-OptionsMenu-border-radius;