fix: 🐛 toolbar display in VE on small screens

add white-space: normal; Signed-off-by: WaitSpring <[email protected]>
qiuwenbaike · Oct 20, 2023 · 7568673 · 7568673
1 parent 0424fb6
commit 7568673
Showing 1 changed file with 5 additions and 14 deletions.
diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.less
@@ -286,12 +286,6 @@
 	}
 }
 
-// .citizen-scroll--down .ve-init-mw-desktopArticleTarget-toolbar {
-// 	&.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
-// 		top: 0; // stick to top
-// 	}
-// }
-
 // Make toolbar more smaller screen friendly
 // Well at least I did by best
 @media ( max-width: 800px ) {
@@ -300,14 +294,11 @@
 	}
 
 	.skin-citizen {
-		.ve {
-			&-ui {
-				&-toolbar {
-					> .oo-ui-toolbar-bar {
-						.oo-ui-toolbar-tools {
-							display: inline;
-						}
-					}
+		.ve-ui-toolbar {
+			> .oo-ui-toolbar-bar {
+				.oo-ui-toolbar-tools {
+					display: inline;
+					white-space: normal;
 				}
 			}
 		}