Zum Inhalt springen

Änderungen von Dokument Art & Research Services Navigator

Zuletzt geändert von Veronika Kocher am Freitag, 18 Sep. 2026 16:47
Von Version 10.1
bearbeitet von Veronika Kocher
am Donnerstag, 03 Sep. 2026 13:08
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 11.3
bearbeitet von Veronika Kocher
am Freitag, 04 Sep. 2026 9:18
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -3,7 +3,7 @@
3 3  Der **Service-Navigator Kunst & Forschung** hilft dir, für jede Phase deines Projekts die passende Orientierung, Services und Ressourcen zu finden.
4 4  
5 5  {{info title="Unterstützung für dein Projekt:"}}
6 -
6 +
7 7   **Support Kunst und Forschung (SKF)** begleitet Projekt- und Fördervorhaben und arbeitet je nach Bedarf mit den passenden Services der Universität zusammen.
8 8  
9 9   Der Navigator führt dich entlang der Projektphasen zu den Angeboten und Ansprechstellen, die für dein Vorhaben relevant sind.
... ... @@ -434,9 +434,9 @@
434 434  )))
435 435  )))
436 436  
437 -(% style="padding:0 16px 16px 16px;" %)
437 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
438 438  (((
439 -[[Zu Vorbereiten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block"]]
439 +[[Zu Vorbereiten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/||class="btn btn-primary btn-block arsn-phase-cta"]]
440 440  )))
441 441  )))
442 442  )))
... ... @@ -500,9 +500,9 @@
500 500  )))
501 501  )))
502 502  
503 -(% style="padding:0 16px 16px 16px;" %)
503 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
504 504  (((
505 -[[Zu Arbeiten & Verwalten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block"]]
505 +[[Zu Arbeiten & Verwalten>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/||class="btn btn-primary btn-block arsn-phase-cta"]]
506 506  )))
507 507  )))
508 508  )))
... ... @@ -576,9 +576,9 @@
576 576  )))
577 577  )))
578 578  
579 -(% style="padding:0 16px 16px 16px;" %)
579 +(% class="arsn-phase-cta-wrap" style="padding:0 16px 16px 16px;" %)
580 580  (((
581 -[[Zu Publizieren & Teilen>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block"]]
581 +[[Zu Publizieren & Teilen>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/||class="btn btn-primary btn-block arsn-phase-cta"]]
582 582  )))
583 583  )))
584 584  )))
... ... @@ -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  
... ... @@ -1310,6 +1310,15 @@
1310 1310   Array.from(
1311 1311   row.card.querySelectorAll("a")
1312 1312   ).forEach(function(link){
1566 + if(
1567 + link.classList &&
1568 + link.classList.contains(
1569 + "arsn-phase-cta"
1570 + )
1571 + ){
1572 + return;
1573 + }
1574 +
1313 1313   if(!visible(link))return;
1314 1314  
1315 1315   var rect=
... ... @@ -1678,6 +1678,9 @@
1678 1678   var headers=
1679 1679   applyOverviewPalette();
1680 1680  
1943 + makeThreeLineAreaLabels();
1944 + makeFilledRedOrangeCTAsBorderless();
1945 +
1681 1681   if(
1682 1682   window.innerWidth>
1683 1683   MOBILE_MAX
... ... @@ -1779,3 +1779,72 @@
1779 1779  <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1780 1780  {{/html}}
1781 1781  
2047 +{{html clean="false"}}
2048 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_START -->
2049 +<style data-arsn-phase-cta-mobile-edge-fix="3">
2050 +@media (max-width:767px){
2051 +
2052 + /* Remove the white side gutters around the three phase CTAs. */
2053 + #xwikicontent .arsn-phase-cta-wrap{
2054 + box-sizing:border-box!important;
2055 + width:calc(100% + 2px)!important;
2056 + max-width:none!important;
2057 + margin:14px -1px -1px -1px!important;
2058 + padding:0!important;
2059 + border:0!important;
2060 + border-left:0!important;
2061 + box-shadow:none!important;
2062 + background:transparent!important;
2063 + }
2064 +
2065 + /* Full-width orange CTA; no extra border/shadow. */
2066 + #xwikicontent a.arsn-phase-cta{
2067 + display:flex!important;
2068 + align-items:center!important;
2069 + justify-content:center!important;
2070 + gap:8px!important;
2071 +
2072 + box-sizing:border-box!important;
2073 + width:100%!important;
2074 + max-width:none!important;
2075 + min-width:0!important;
2076 +
2077 + margin:0!important;
2078 + padding:12px 14px!important;
2079 +
2080 + border:0!important;
2081 + border-left:0!important;
2082 + border-right:0!important;
2083 + border-top:0!important;
2084 + border-bottom:0!important;
2085 + box-shadow:none!important;
2086 +
2087 + border-radius:8px!important;
2088 +
2089 + text-align:center!important;
2090 + text-align-last:center!important;
2091 + text-justify:auto!important;
2092 + word-spacing:normal!important;
2093 + white-space:normal!important;
2094 + }
2095 +
2096 + /* Keep an XWiki external-link icon on the same line/flex row. */
2097 + #xwikicontent a.arsn-phase-cta::after{
2098 + flex:0 0 auto!important;
2099 + margin-left:2px!important;
2100 + }
2101 +
2102 + #xwikicontent a.arsn-phase-cta > .fa,
2103 + #xwikicontent a.arsn-phase-cta > .icon,
2104 + #xwikicontent a.arsn-phase-cta > .external-link-icon,
2105 + #xwikicontent a.arsn-phase-cta > [class*="external"]{
2106 + position:static!important;
2107 + display:inline-block!important;
2108 + flex:0 0 auto!important;
2109 + margin:0!important;
2110 + }
2111 +}
2112 +</style>
2113 +<!-- ARSN_PHASE_CTA_MOBILE_EDGE_FIX_V3_END -->
2114 +{{/html}}
2115 +