wikipedia: Lua modules side-by-side view by eccenux

/* ==UserStyle==
@name           wikipedia: Lua modules side-by-side view
@namespace      pl.enux.wiki
@version        1.2.1
@description    Side-by-side view of the Lua editor and the Debug console.
@author         Nux
==/UserStyle== */

@-moz-document domain("pl.wikipedia.org"), domain("en.wikipedia.org") {

/** ns:828=Module */
body.ns-828.action-edit:has(#mw-scribunto-console) {

	/** base layout of side-by-side view */
	#editform {
		align-items: end;
		grid-template-columns: 1fr 40em;
		grid-template-areas: 
				"editor console"
				"save save"
		;
		.wikiEditor-ui {
			grid-area: editor;
		}
		.editOptions {
			grid-area: save;
		}
		#mw-scribunto-console {
			grid-area: console;
		}
	}
	#editform:has(textarea#mw-scribunto-input:focus) {
		grid-template-columns: 1fr 1fr;
	}

	#editform {
		/*column-gap:1px;*/
		.wikiEditor-ui {
			/** float breaks borders */
			.wikiEditor-ui-left {
				float:none;
			}
			/** some empty section */
			.wikiEditor-ui-toolbar .section-secondary {
				display:none;
			}
		}
		#mw-scribunto-console {
			box-sizing: border-box;
			.mw-scribunto-console-fieldset {
				margin:0;
			}
		}
		/** might be larger then what grid-template-columns allow */
		#mw-scribunto-console {
		  overflow-x: scroll;
		}

		
		.mw-editTools,
		.templatesUsed,
		.hiddencats,
		.limitreport,
		& > a,
		.wikiEditor-ui-clear {
			display:none;
		}
	}
	
/**
	hide column(s)
*/
/*.vector-column-start {display:none;} */
/** tools */
.vector-column-end {display:none;}

}

/**/
}