Replace horizontal scrolling with vertical scrolling on small screens…

… in app settings navigation Signed-off-by: julia.kirschenheuter <[email protected]>
nextcloud-libraries · Nov 16, 2023 · 57295a6 · 57295a6
1 parent 5db6b10
commit 57295a6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue b/src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue
@@ -469,4 +469,14 @@ export default {
 	}
 }
 
+@media only screen and (max-width: 320px) {
+	.navigation-list {
+		&--collapsed {
+			flex-direction: column;
+			max-height: 100px;
+			min-width: 100%;
+		}
+	}
+}
+
 </style>