fix: 🐛 toolbar display in VE on small screens

Signed-off-by: WaitSpring <[email protected]>
qiuwenbaike · Oct 20, 2023 · 0424fb6 · 0424fb6
1 parent 9ca9111
commit 0424fb6
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.less
@@ -96,7 +96,8 @@
  }
 
  .oo-ui-toolbar-tools {
- display: inline;
+ display: inline-block;
+ white-space: nowrap;
  }
 
  /* Fix inline height */
@@ -298,6 +299,20 @@
  z-index: 4;
  }
 
+ .skin-citizen {
+ .ve {
+ &-ui {
+ &-toolbar {
+ > .oo-ui-toolbar-bar {
+ .oo-ui-toolbar-tools {
+ display: inline;
+ }
+ }
+ }
+ }
+ }
+ }
+
  .ve-init-mw-desktopArticleTarget {
  &-toolbar {
  &.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {