Änderungen von Dokument Prepare

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -565,6 +565,38 @@
565	565	[data-sn-master-first-row]{
566	566	box-sizing:border-box;
567	567	}
	568	+
	569	+/* =========================================================
	570	+ FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
	571	+ ========================================================= */
	572	+#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
	573	+ display:grid!important;
	574	+ grid-template-columns:minmax(0,1fr)!important;
	575	+ grid-auto-rows:auto!important;
	576	+ width:100%!important;
	577	+ max-width:none!important;
	578	+ box-sizing:border-box!important;
	579	+ justify-items:start!important;
	580	+ align-items:start!important;
	581	+ gap:2px!important;
	582	+ text-align:left!important;
	583	+ text-align-last:left!important;
	584	+ text-justify:auto!important;
	585	+ word-spacing:normal!important;
	586	+ white-space:normal!important;
	587	+}
	588	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
	589	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
	590	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
	591	+ display:block!important;
	592	+ width:100%!important;
	593	+ margin:0!important;
	594	+ text-align:left!important;
	595	+ text-align-last:left!important;
	596	+ text-justify:auto!important;
	597	+ word-spacing:normal!important;
	598	+ white-space:normal!important;
	599	+}
568	568	</style>
569	569
570	570	<script data-sn-service-navigator-master="1">
...	...	@@ -757,6 +757,227 @@
757	757	}
758	758
759	759	/* =======================================================
	792	+ BORDERLESS FILLED RED/ORANGE CTA BUTTONS
	793	+ ======================================================= */
	794	+
	795	+ function colourDistance(a,b){
	796	+ return Math.sqrt(
	797	+ Math.pow(a[0]-b[0],2)+
	798	+ Math.pow(a[1]-b[1],2)+
	799	+ Math.pow(a[2]-b[2],2)
	800	+ );
	801	+ }
	802	+
	803	+ function makeFilledRedOrangeCTAsBorderless(){
	804	+ var RED_ORANGE=[233,75,19];
	805	+
	806	+ Array.from(
	807	+ root.querySelectorAll(
	808	+ 'a,button,[role="button"],input[type="submit"],input[type="button"]'
	809	+ )
	810	+ ).forEach(function(el){
	811	+ if(!visible(el))return;
	812	+
	813	+ var style=getComputedStyle(el);
	814	+ var rgb=parseRGB(style.backgroundColor);
	815	+
	816	+ if(!rgb)return;
	817	+
	818	+ if(
	819	+ colourDistance(
	820	+ rgb,
	821	+ RED_ORANGE
	822	+ )>55
	823	+ ){
	824	+ return;
	825	+ }
	826	+
	827	+ var rect=el.getBoundingClientRect();
	828	+
	829	+ if(
	830	+ rect.width<80||
	831	+ rect.height<24
	832	+ ){
	833	+ return;
	834	+ }
	835	+
	836	+ el.style.setProperty(
	837	+ "border",
	838	+ "none",
	839	+ "important"
	840	+ );
	841	+
	842	+ el.style.setProperty(
	843	+ "border-left",
	844	+ "none",
	845	+ "important"
	846	+ );
	847	+
	848	+ el.style.setProperty(
	849	+ "border-top",
	850	+ "none",
	851	+ "important"
	852	+ );
	853	+
	854	+ el.style.setProperty(
	855	+ "border-right",
	856	+ "none",
	857	+ "important"
	858	+ );
	859	+
	860	+ el.style.setProperty(
	861	+ "border-bottom",
	862	+ "none",
	863	+ "important"
	864	+ );
	865	+
	866	+ el.style.setProperty(
	867	+ "box-shadow",
	868	+ "none",
	869	+ "important"
	870	+ );
	871	+ });
	872	+ }
	873	+
	874	+ /* =======================================================
	875	+ FULL-WIDTH THREE-LINE AREA LABELS
	876	+ ======================================================= */
	877	+
	878	+ function compactText(value){
	879	+ return String(value||"")
	880	+ .replace(/\s+/g," ")
	881	+ .trim();
	882	+ }
	883	+
	884	+ function makeThreeLineAreaLabels(){
	885	+ Array.from(
	886	+ root.querySelectorAll(
	887	+ ".arsn-area-label"
	888	+ )
	889	+ ).forEach(function(label){
	890	+ if(
	891	+ label.getAttribute(
	892	+ "data-sn-three-line"
	893	+ )==="1"
	894	+ ){
	895	+ return;
	896	+ }
	897	+
	898	+ var number=
	899	+ label.querySelector(
	900	+ ":scope > .arsn-area-number"
	901	+ );
	902	+
	903	+ var action=
	904	+ label.querySelector(
	905	+ ":scope > .arsn-area-action"
	906	+ );
	907	+
	908	+ if(
	909	+ !number||
	910	+ !action
	911	+ ){
	912	+ return;
	913	+ }
	914	+
	915	+ var clone=
	916	+ label.cloneNode(true);
	917	+
	918	+ var cloneNumber=
	919	+ clone.querySelector(
	920	+ ":scope > .arsn-area-number"
	921	+ );
	922	+
	923	+ var cloneAction=
	924	+ clone.querySelector(
	925	+ ":scope > .arsn-area-action"
	926	+ );
	927	+
	928	+ if(cloneNumber){
	929	+ cloneNumber.remove();
	930	+ }
	931	+
	932	+ if(cloneAction){
	933	+ cloneAction.remove();
	934	+ }
	935	+
	936	+ var titleText=
	937	+ compactText(
	938	+ clone.textContent
	939	+ );
	940	+
	941	+ if(!titleText){
	942	+ return;
	943	+ }
	944	+
	945	+ var numberNode=
	946	+ number.cloneNode(true);
	947	+
	948	+ var actionNode=
	949	+ action.cloneNode(true);
	950	+
	951	+ var titleNode=
	952	+ document.createElement(
	953	+ "span"
	954	+ );
	955	+
	956	+ titleNode.className=
	957	+ "sn-area-label-title";
	958	+
	959	+ titleNode.textContent=
	960	+ titleText;
	961	+
	962	+ while(label.firstChild){
	963	+ label.removeChild(
	964	+ label.firstChild
	965	+ );
	966	+ }
	967	+
	968	+ label.appendChild(
	969	+ numberNode
	970	+ );
	971	+
	972	+ label.appendChild(
	973	+ titleNode
	974	+ );
	975	+
	976	+ label.appendChild(
	977	+ actionNode
	978	+ );
	979	+
	980	+ label.setAttribute(
	981	+ "data-sn-three-line",
	982	+ "1"
	983	+ );
	984	+
	985	+ var head=
	986	+ label.closest(
	987	+ ".arsn-area-head"
	988	+ );
	989	+
	990	+ if(head){
	991	+ head.style.setProperty(
	992	+ "width",
	993	+ "100%",
	994	+ "important"
	995	+ );
	996	+
	997	+ head.style.setProperty(
	998	+ "max-width",
	999	+ "100%",
	1000	+ "important"
	1001	+ );
	1002	+
	1003	+ head.style.setProperty(
	1004	+ "box-sizing",
	1005	+ "border-box",
	1006	+ "important"
	1007	+ );
	1008	+ }
	1009	+ });
	1010	+ }
	1011	+
	1012	+ /* =======================================================
760	760	PLACEHOLDER BADGE
761	761	======================================================= */
762	762
...	...	@@ -1527,6 +1527,9 @@
1527	1527	var headers=
1528	1528	applyOverviewPalette();
1529	1529
	1783	+ makeThreeLineAreaLabels();
	1784	+ makeFilledRedOrangeCTAsBorderless();
	1785	+
1530	1530	if(
1531	1531	window.innerWidth>
1532	1532	MOBILE_MAX