Änderungen von Dokument File Organisation & Naming

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -150,6 +150,38 @@
150	150	[data-sn-master-first-row]{
151	151	box-sizing:border-box;
152	152	}
	153	+
	154	+/* =========================================================
	155	+ FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
	156	+ ========================================================= */
	157	+#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
	158	+ display:grid!important;
	159	+ grid-template-columns:minmax(0,1fr)!important;
	160	+ grid-auto-rows:auto!important;
	161	+ width:100%!important;
	162	+ max-width:none!important;
	163	+ box-sizing:border-box!important;
	164	+ justify-items:start!important;
	165	+ align-items:start!important;
	166	+ gap:2px!important;
	167	+ text-align:left!important;
	168	+ text-align-last:left!important;
	169	+ text-justify:auto!important;
	170	+ word-spacing:normal!important;
	171	+ white-space:normal!important;
	172	+}
	173	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
	174	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
	175	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
	176	+ display:block!important;
	177	+ width:100%!important;
	178	+ margin:0!important;
	179	+ text-align:left!important;
	180	+ text-align-last:left!important;
	181	+ text-justify:auto!important;
	182	+ word-spacing:normal!important;
	183	+ white-space:normal!important;
	184	+}
153	153	</style>
154	154
155	155	<script data-sn-service-navigator-master="1">
...	...	@@ -342,6 +342,227 @@
342	342	}
343	343
344	344	/* =======================================================
	377	+ BORDERLESS FILLED RED/ORANGE CTA BUTTONS
	378	+ ======================================================= */
	379	+
	380	+ function colourDistance(a,b){
	381	+ return Math.sqrt(
	382	+ Math.pow(a[0]-b[0],2)+
	383	+ Math.pow(a[1]-b[1],2)+
	384	+ Math.pow(a[2]-b[2],2)
	385	+ );
	386	+ }
	387	+
	388	+ function makeFilledRedOrangeCTAsBorderless(){
	389	+ var RED_ORANGE=[233,75,19];
	390	+
	391	+ Array.from(
	392	+ root.querySelectorAll(
	393	+ 'a,button,[role="button"],input[type="submit"],input[type="button"]'
	394	+ )
	395	+ ).forEach(function(el){
	396	+ if(!visible(el))return;
	397	+
	398	+ var style=getComputedStyle(el);
	399	+ var rgb=parseRGB(style.backgroundColor);
	400	+
	401	+ if(!rgb)return;
	402	+
	403	+ if(
	404	+ colourDistance(
	405	+ rgb,
	406	+ RED_ORANGE
	407	+ )>55
	408	+ ){
	409	+ return;
	410	+ }
	411	+
	412	+ var rect=el.getBoundingClientRect();
	413	+
	414	+ if(
	415	+ rect.width<80||
	416	+ rect.height<24
	417	+ ){
	418	+ return;
	419	+ }
	420	+
	421	+ el.style.setProperty(
	422	+ "border",
	423	+ "none",
	424	+ "important"
	425	+ );
	426	+
	427	+ el.style.setProperty(
	428	+ "border-left",
	429	+ "none",
	430	+ "important"
	431	+ );
	432	+
	433	+ el.style.setProperty(
	434	+ "border-top",
	435	+ "none",
	436	+ "important"
	437	+ );
	438	+
	439	+ el.style.setProperty(
	440	+ "border-right",
	441	+ "none",
	442	+ "important"
	443	+ );
	444	+
	445	+ el.style.setProperty(
	446	+ "border-bottom",
	447	+ "none",
	448	+ "important"
	449	+ );
	450	+
	451	+ el.style.setProperty(
	452	+ "box-shadow",
	453	+ "none",
	454	+ "important"
	455	+ );
	456	+ });
	457	+ }
	458	+
	459	+ /* =======================================================
	460	+ FULL-WIDTH THREE-LINE AREA LABELS
	461	+ ======================================================= */
	462	+
	463	+ function compactText(value){
	464	+ return String(value||"")
	465	+ .replace(/\s+/g," ")
	466	+ .trim();
	467	+ }
	468	+
	469	+ function makeThreeLineAreaLabels(){
	470	+ Array.from(
	471	+ root.querySelectorAll(
	472	+ ".arsn-area-label"
	473	+ )
	474	+ ).forEach(function(label){
	475	+ if(
	476	+ label.getAttribute(
	477	+ "data-sn-three-line"
	478	+ )==="1"
	479	+ ){
	480	+ return;
	481	+ }
	482	+
	483	+ var number=
	484	+ label.querySelector(
	485	+ ":scope > .arsn-area-number"
	486	+ );
	487	+
	488	+ var action=
	489	+ label.querySelector(
	490	+ ":scope > .arsn-area-action"
	491	+ );
	492	+
	493	+ if(
	494	+ !number||
	495	+ !action
	496	+ ){
	497	+ return;
	498	+ }
	499	+
	500	+ var clone=
	501	+ label.cloneNode(true);
	502	+
	503	+ var cloneNumber=
	504	+ clone.querySelector(
	505	+ ":scope > .arsn-area-number"
	506	+ );
	507	+
	508	+ var cloneAction=
	509	+ clone.querySelector(
	510	+ ":scope > .arsn-area-action"
	511	+ );
	512	+
	513	+ if(cloneNumber){
	514	+ cloneNumber.remove();
	515	+ }
	516	+
	517	+ if(cloneAction){
	518	+ cloneAction.remove();
	519	+ }
	520	+
	521	+ var titleText=
	522	+ compactText(
	523	+ clone.textContent
	524	+ );
	525	+
	526	+ if(!titleText){
	527	+ return;
	528	+ }
	529	+
	530	+ var numberNode=
	531	+ number.cloneNode(true);
	532	+
	533	+ var actionNode=
	534	+ action.cloneNode(true);
	535	+
	536	+ var titleNode=
	537	+ document.createElement(
	538	+ "span"
	539	+ );
	540	+
	541	+ titleNode.className=
	542	+ "sn-area-label-title";
	543	+
	544	+ titleNode.textContent=
	545	+ titleText;
	546	+
	547	+ while(label.firstChild){
	548	+ label.removeChild(
	549	+ label.firstChild
	550	+ );
	551	+ }
	552	+
	553	+ label.appendChild(
	554	+ numberNode
	555	+ );
	556	+
	557	+ label.appendChild(
	558	+ titleNode
	559	+ );
	560	+
	561	+ label.appendChild(
	562	+ actionNode
	563	+ );
	564	+
	565	+ label.setAttribute(
	566	+ "data-sn-three-line",
	567	+ "1"
	568	+ );
	569	+
	570	+ var head=
	571	+ label.closest(
	572	+ ".arsn-area-head"
	573	+ );
	574	+
	575	+ if(head){
	576	+ head.style.setProperty(
	577	+ "width",
	578	+ "100%",
	579	+ "important"
	580	+ );
	581	+
	582	+ head.style.setProperty(
	583	+ "max-width",
	584	+ "100%",
	585	+ "important"
	586	+ );
	587	+
	588	+ head.style.setProperty(
	589	+ "box-sizing",
	590	+ "border-box",
	591	+ "important"
	592	+ );
	593	+ }
	594	+ });
	595	+ }
	596	+
	597	+ /* =======================================================
345	345	PLACEHOLDER BADGE
346	346	======================================================= */
347	347
...	...	@@ -1112,6 +1112,9 @@
1112	1112	var headers=
1113	1113	applyOverviewPalette();
1114	1114
	1368	+ makeThreeLineAreaLabels();
	1369	+ makeFilledRedOrangeCTAsBorderless();
	1370	+
1115	1115	if(
1116	1116	window.innerWidth>
1117	1117	MOBILE_MAX