Skip to Content

Changes for page Prepare

Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 30.1
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:03
Change comment: There is no comment for this version
To version 29.10
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version

Summary

Details

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