feat(VisualEditor): ✨ better responsive toolbar handling

StarCitizenTools · May 7, 2024 · a1e76bc · a1e76bc
1 parent 4d81dff
commit a1e76bc
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less b/skinStyles/extensions/VisualEditor/ext.visualEditor.core.less
@@ -363,3 +363,35 @@
 .ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
 	background: var( --color-surface-2 );
 }
+
+/* Responsive handling */
+.ve-init-mw-desktopArticleTarget-toolbar {
+	> .oo-ui-toolbar-bar {
+		> .oo-ui-toolbar-tools:first-child {
+			display: inline-block;
+			max-width: ~'calc( 100% - 250px )';
+			white-space: nowrap;
+		}
+
+		> .oo-ui-toolbar-actions {
+			border-left: 1px solid var( --border-color-base );
+		}
+	}
+}
+
+.ve-ui-toolbar-saveButton {
+	@media ( max-width: @max-width-breakpoint-tablet ) {
+		min-width: 56px;
+		text-align: center;
+
+		.oo-ui-tool-title {
+			font-size: 0;
+
+			&::before {
+				font-size: 1.25rem;
+				line-height: 1;
+				content: '✓';
+			}
+		}
+	}
+}