Änderungen von Dokument Art & Research Services Navigator

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -716,6 +716,38 @@
716	716	[data-sn-master-first-row]{
717	717	box-sizing:border-box;
718	718	}
	719	+
	720	+/* =========================================================
	721	+ FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
	722	+ ========================================================= */
	723	+#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
	724	+ display:grid!important;
	725	+ grid-template-columns:minmax(0,1fr)!important;
	726	+ grid-auto-rows:auto!important;
	727	+ width:100%!important;
	728	+ max-width:none!important;
	729	+ box-sizing:border-box!important;
	730	+ justify-items:start!important;
	731	+ align-items:start!important;
	732	+ gap:2px!important;
	733	+ text-align:left!important;
	734	+ text-align-last:left!important;
	735	+ text-justify:auto!important;
	736	+ word-spacing:normal!important;
	737	+ white-space:normal!important;
	738	+}
	739	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
	740	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
	741	+#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
	742	+ display:block!important;
	743	+ width:100%!important;
	744	+ margin:0!important;
	745	+ text-align:left!important;
	746	+ text-align-last:left!important;
	747	+ text-justify:auto!important;
	748	+ word-spacing:normal!important;
	749	+ white-space:normal!important;
	750	+}
719	719	</style>
720	720
721	721	<script data-sn-service-navigator-master="1">
...	...	@@ -908,6 +908,227 @@
908	908	}
909	909
910	910	/* =======================================================
	943	+ BORDERLESS FILLED RED/ORANGE CTA BUTTONS
	944	+ ======================================================= */
	945	+
	946	+ function colourDistance(a,b){
	947	+ return Math.sqrt(
	948	+ Math.pow(a[0]-b[0],2)+
	949	+ Math.pow(a[1]-b[1],2)+
	950	+ Math.pow(a[2]-b[2],2)
	951	+ );
	952	+ }
	953	+
	954	+ function makeFilledRedOrangeCTAsBorderless(){
	955	+ var RED_ORANGE=[233,75,19];
	956	+
	957	+ Array.from(
	958	+ root.querySelectorAll(
	959	+ 'a,button,[role="button"],input[type="submit"],input[type="button"]'
	960	+ )
	961	+ ).forEach(function(el){
	962	+ if(!visible(el))return;
	963	+
	964	+ var style=getComputedStyle(el);
	965	+ var rgb=parseRGB(style.backgroundColor);
	966	+
	967	+ if(!rgb)return;
	968	+
	969	+ if(
	970	+ colourDistance(
	971	+ rgb,
	972	+ RED_ORANGE
	973	+ )>55
	974	+ ){
	975	+ return;
	976	+ }
	977	+
	978	+ var rect=el.getBoundingClientRect();
	979	+
	980	+ if(
	981	+ rect.width<80||
	982	+ rect.height<24
	983	+ ){
	984	+ return;
	985	+ }
	986	+
	987	+ el.style.setProperty(
	988	+ "border",
	989	+ "none",
	990	+ "important"
	991	+ );
	992	+
	993	+ el.style.setProperty(
	994	+ "border-left",
	995	+ "none",
	996	+ "important"
	997	+ );
	998	+
	999	+ el.style.setProperty(
	1000	+ "border-top",
	1001	+ "none",
	1002	+ "important"
	1003	+ );
	1004	+
	1005	+ el.style.setProperty(
	1006	+ "border-right",
	1007	+ "none",
	1008	+ "important"
	1009	+ );
	1010	+
	1011	+ el.style.setProperty(
	1012	+ "border-bottom",
	1013	+ "none",
	1014	+ "important"
	1015	+ );
	1016	+
	1017	+ el.style.setProperty(
	1018	+ "box-shadow",
	1019	+ "none",
	1020	+ "important"
	1021	+ );
	1022	+ });
	1023	+ }
	1024	+
	1025	+ /* =======================================================
	1026	+ FULL-WIDTH THREE-LINE AREA LABELS
	1027	+ ======================================================= */
	1028	+
	1029	+ function compactText(value){
	1030	+ return String(value||"")
	1031	+ .replace(/\s+/g," ")
	1032	+ .trim();
	1033	+ }
	1034	+
	1035	+ function makeThreeLineAreaLabels(){
	1036	+ Array.from(
	1037	+ root.querySelectorAll(
	1038	+ ".arsn-area-label"
	1039	+ )
	1040	+ ).forEach(function(label){
	1041	+ if(
	1042	+ label.getAttribute(
	1043	+ "data-sn-three-line"
	1044	+ )==="1"
	1045	+ ){
	1046	+ return;
	1047	+ }
	1048	+
	1049	+ var number=
	1050	+ label.querySelector(
	1051	+ ":scope > .arsn-area-number"
	1052	+ );
	1053	+
	1054	+ var action=
	1055	+ label.querySelector(
	1056	+ ":scope > .arsn-area-action"
	1057	+ );
	1058	+
	1059	+ if(
	1060	+ !number||
	1061	+ !action
	1062	+ ){
	1063	+ return;
	1064	+ }
	1065	+
	1066	+ var clone=
	1067	+ label.cloneNode(true);
	1068	+
	1069	+ var cloneNumber=
	1070	+ clone.querySelector(
	1071	+ ":scope > .arsn-area-number"
	1072	+ );
	1073	+
	1074	+ var cloneAction=
	1075	+ clone.querySelector(
	1076	+ ":scope > .arsn-area-action"
	1077	+ );
	1078	+
	1079	+ if(cloneNumber){
	1080	+ cloneNumber.remove();
	1081	+ }
	1082	+
	1083	+ if(cloneAction){
	1084	+ cloneAction.remove();
	1085	+ }
	1086	+
	1087	+ var titleText=
	1088	+ compactText(
	1089	+ clone.textContent
	1090	+ );
	1091	+
	1092	+ if(!titleText){
	1093	+ return;
	1094	+ }
	1095	+
	1096	+ var numberNode=
	1097	+ number.cloneNode(true);
	1098	+
	1099	+ var actionNode=
	1100	+ action.cloneNode(true);
	1101	+
	1102	+ var titleNode=
	1103	+ document.createElement(
	1104	+ "span"
	1105	+ );
	1106	+
	1107	+ titleNode.className=
	1108	+ "sn-area-label-title";
	1109	+
	1110	+ titleNode.textContent=
	1111	+ titleText;
	1112	+
	1113	+ while(label.firstChild){
	1114	+ label.removeChild(
	1115	+ label.firstChild
	1116	+ );
	1117	+ }
	1118	+
	1119	+ label.appendChild(
	1120	+ numberNode
	1121	+ );
	1122	+
	1123	+ label.appendChild(
	1124	+ titleNode
	1125	+ );
	1126	+
	1127	+ label.appendChild(
	1128	+ actionNode
	1129	+ );
	1130	+
	1131	+ label.setAttribute(
	1132	+ "data-sn-three-line",
	1133	+ "1"
	1134	+ );
	1135	+
	1136	+ var head=
	1137	+ label.closest(
	1138	+ ".arsn-area-head"
	1139	+ );
	1140	+
	1141	+ if(head){
	1142	+ head.style.setProperty(
	1143	+ "width",
	1144	+ "100%",
	1145	+ "important"
	1146	+ );
	1147	+
	1148	+ head.style.setProperty(
	1149	+ "max-width",
	1150	+ "100%",
	1151	+ "important"
	1152	+ );
	1153	+
	1154	+ head.style.setProperty(
	1155	+ "box-sizing",
	1156	+ "border-box",
	1157	+ "important"
	1158	+ );
	1159	+ }
	1160	+ });
	1161	+ }
	1162	+
	1163	+ /* =======================================================
911	911	PLACEHOLDER BADGE
912	912	======================================================= */
913	913
...	...	@@ -1678,6 +1678,9 @@
1678	1678	var headers=
1679	1679	applyOverviewPalette();
1680	1680
	1934	+ makeThreeLineAreaLabels();
	1935	+ makeFilledRedOrangeCTAsBorderless();
	1936	+
1681	1681	if(
1682	1682	window.innerWidth>
1683	1683	MOBILE_MAX