Merge pull request #2220 from nextcloud/fix/2110/horizontal-scrolling-on-mobile

🐛 FIX: various horizontal scrolling issues on mobile

Author: ChristophWurst

css/mobile.scss

@@ -1,4 +1,8 @@
 @media only screen and (max-width: $breakpoint-mobile) {
+	.app-content-list {
+		max-width: 100vw;
+	}
+
 	/* full width for message list on mobile */
 	#mail-messages {
 		width: 100%;

src/components/Composer.vue

@@ -487,7 +487,6 @@ export default {
 		& > .multiselect {
 			max-width: none;
 			min-height: auto;
-			width: 350px;
 		}
 	}
 

src/components/FolderContent.vue

@@ -13,7 +13,7 @@
 				/>
 				<NewMessageDetail v-if="newMessage" />
 				<Message v-else-if="showMessage" />
-				<NoMessageSelected v-else-if="hasMessages" />
+				<NoMessageSelected v-else-if="hasMessages && !isMobile" />
 			</template>
 		</div>
 	</AppContent>