Merge pull request #10161 from nextcloud/fix/search-modal-small-scren

fix: search modal on small screen
nextcloud · Sep 17, 2024 · 6f31954 · 6f31954
2 parents b1c5609 + a3afdd4
commit 6f31954
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/components/SearchMessages.vue b/src/components/SearchMessages.vue
@@ -681,7 +681,18 @@ export default {
 		}
 	}
 }
-
+@media (max-width: 420px) {
+	.modal-inner--container {
+		width: 100%;
+		flex-wrap: nowrap;
+		flex-direction: column;
+	}
+}
+@media (max-width: 420px) {
+	.search-modal .modal-inner--content .range {
+		flex-direction: row;
+	}
+}
 .multiselect-search-tags {
 	width: 100%;
 }
@@ -717,6 +728,8 @@ export default {
 
 	.modal-inner--container {
 		width: calc(100% - 120px);
+		display: flex;
+		flex-wrap: wrap;
 
 		.select {
 			width: 100%;