Merge pull request #27898 from nextcloud/backport/27887/stable22

[stable22] make user status usable on mobile
nextcloud · Jul 13, 2021 · b5d6189 · b5d6189
2 parents fb018b7 + b01c335
commit b5d6189
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 8 deletions.
diff --git a/apps/user_status/js/user-status-menu.js b/apps/user_status/js/user-status-menu.js
diff --git a/apps/user_status/js/user-status-menu.js.map b/apps/user_status/js/user-status-menu.js.map
diff --git a/apps/user_status/js/user-status-modal.js b/apps/user_status/js/user-status-modal.js
diff --git a/apps/user_status/js/user-status-modal.js.map b/apps/user_status/js/user-status-modal.js.map
diff --git a/apps/user_status/src/components/ClearAtSelect.vue b/apps/user_status/src/components/ClearAtSelect.vue
@@ -97,6 +97,7 @@ export default {
 
 	.multiselect {
 		flex-grow: 1;
+		min-width: 130px;
 	}
 }
 </style>
diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue
@@ -238,7 +238,6 @@ export default {
 
 <style lang="scss" scoped>
 .set-status-modal {
-	min-width: 500px;
 	min-height: 200px;
 	padding: 8px 20px 20px 20px;
 	// Enable scrollbar for too long content, same way as in Dashboard customize
@@ -282,4 +281,10 @@ export default {
 	}
 }
 
+@media only screen and (max-width: 500px) {
+	.set-status-modal__online-status {
+		grid-template-columns: none !important;
+	}
+}
+
 </style>