Przeglądaj źródła

fix: let the argument form grid shrink on narrow screens (#1129)

James Read 1 dzień temu
rodzic
commit
89f0d42a95

+ 2 - 0
frontend/resources/vue/components/ChoiceCombobox.vue

@@ -313,6 +313,8 @@ onBeforeUnmount(() => {
 
 .choice-combobox-input {
   width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .choice-combobox-list {

+ 15 - 1
frontend/resources/vue/views/ArgumentForm.vue

@@ -681,7 +681,21 @@ onUnmounted(() => {
 }
 
 form {
-  grid-template-columns: max-content auto auto;
+  grid-template-columns: minmax(0, max-content) minmax(0, auto) minmax(0, auto);
+}
+
+@media (max-width: 600px) {
+  form {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  form input:not([type="checkbox"]):not([type="radio"]),
+  form textarea,
+  form select {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }
 
 .argument-description {