Zum Inhalt springen

Änderungen von Dokument Prepare

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

Zusammenfassung

Details

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