Zum Inhalt springen

Änderungen von Dokument Get Started

Zuletzt geändert von Veronika Kocher am Freitag, 04 Sep. 2026 14:45
Von Version 2.9
bearbeitet von Veronika Kocher
am Donnerstag, 03 Sep. 2026 14:15
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 2.8
bearbeitet von Veronika Kocher
am Donnerstag, 03 Sep. 2026 13:04
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -469,38 +469,6 @@
469 469  [data-sn-master-first-row]{
470 470   box-sizing:border-box;
471 471  }
472 -
473 -/* =========================================================
474 - FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
475 - ========================================================= */
476 -#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
477 - display:grid!important;
478 - grid-template-columns:minmax(0,1fr)!important;
479 - grid-auto-rows:auto!important;
480 - width:100%!important;
481 - max-width:none!important;
482 - box-sizing:border-box!important;
483 - justify-items:start!important;
484 - align-items:start!important;
485 - gap:2px!important;
486 - text-align:left!important;
487 - text-align-last:left!important;
488 - text-justify:auto!important;
489 - word-spacing:normal!important;
490 - white-space:normal!important;
491 -}
492 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
493 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
494 -#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
495 - display:block!important;
496 - width:100%!important;
497 - margin:0!important;
498 - text-align:left!important;
499 - text-align-last:left!important;
500 - text-justify:auto!important;
501 - word-spacing:normal!important;
502 - white-space:normal!important;
503 -}
504 504  </style>
505 505  
506 506  <script data-sn-service-navigator-master="1">
... ... @@ -693,227 +693,6 @@
693 693   }
694 694  
695 695   /* =======================================================
696 - BORDERLESS FILLED RED/ORANGE CTA BUTTONS
697 - ======================================================= */
698 -
699 - function colourDistance(a,b){
700 - return Math.sqrt(
701 - Math.pow(a[0]-b[0],2)+
702 - Math.pow(a[1]-b[1],2)+
703 - Math.pow(a[2]-b[2],2)
704 - );
705 - }
706 -
707 - function makeFilledRedOrangeCTAsBorderless(){
708 - var RED_ORANGE=[233,75,19];
709 -
710 - Array.from(
711 - root.querySelectorAll(
712 - 'a,button,[role="button"],input[type="submit"],input[type="button"]'
713 - )
714 - ).forEach(function(el){
715 - if(!visible(el))return;
716 -
717 - var style=getComputedStyle(el);
718 - var rgb=parseRGB(style.backgroundColor);
719 -
720 - if(!rgb)return;
721 -
722 - if(
723 - colourDistance(
724 - rgb,
725 - RED_ORANGE
726 - )>55
727 - ){
728 - return;
729 - }
730 -
731 - var rect=el.getBoundingClientRect();
732 -
733 - if(
734 - rect.width<80||
735 - rect.height<24
736 - ){
737 - return;
738 - }
739 -
740 - el.style.setProperty(
741 - "border",
742 - "none",
743 - "important"
744 - );
745 -
746 - el.style.setProperty(
747 - "border-left",
748 - "none",
749 - "important"
750 - );
751 -
752 - el.style.setProperty(
753 - "border-top",
754 - "none",
755 - "important"
756 - );
757 -
758 - el.style.setProperty(
759 - "border-right",
760 - "none",
761 - "important"
762 - );
763 -
764 - el.style.setProperty(
765 - "border-bottom",
766 - "none",
767 - "important"
768 - );
769 -
770 - el.style.setProperty(
771 - "box-shadow",
772 - "none",
773 - "important"
774 - );
775 - });
776 - }
777 -
778 - /* =======================================================
779 - FULL-WIDTH THREE-LINE AREA LABELS
780 - ======================================================= */
781 -
782 - function compactText(value){
783 - return String(value||"")
784 - .replace(/\s+/g," ")
785 - .trim();
786 - }
787 -
788 - function makeThreeLineAreaLabels(){
789 - Array.from(
790 - root.querySelectorAll(
791 - ".arsn-area-label"
792 - )
793 - ).forEach(function(label){
794 - if(
795 - label.getAttribute(
796 - "data-sn-three-line"
797 - )==="1"
798 - ){
799 - return;
800 - }
801 -
802 - var number=
803 - label.querySelector(
804 - ":scope > .arsn-area-number"
805 - );
806 -
807 - var action=
808 - label.querySelector(
809 - ":scope > .arsn-area-action"
810 - );
811 -
812 - if(
813 - !number||
814 - !action
815 - ){
816 - return;
817 - }
818 -
819 - var clone=
820 - label.cloneNode(true);
821 -
822 - var cloneNumber=
823 - clone.querySelector(
824 - ":scope > .arsn-area-number"
825 - );
826 -
827 - var cloneAction=
828 - clone.querySelector(
829 - ":scope > .arsn-area-action"
830 - );
831 -
832 - if(cloneNumber){
833 - cloneNumber.remove();
834 - }
835 -
836 - if(cloneAction){
837 - cloneAction.remove();
838 - }
839 -
840 - var titleText=
841 - compactText(
842 - clone.textContent
843 - );
844 -
845 - if(!titleText){
846 - return;
847 - }
848 -
849 - var numberNode=
850 - number.cloneNode(true);
851 -
852 - var actionNode=
853 - action.cloneNode(true);
854 -
855 - var titleNode=
856 - document.createElement(
857 - "span"
858 - );
859 -
860 - titleNode.className=
861 - "sn-area-label-title";
862 -
863 - titleNode.textContent=
864 - titleText;
865 -
866 - while(label.firstChild){
867 - label.removeChild(
868 - label.firstChild
869 - );
870 - }
871 -
872 - label.appendChild(
873 - numberNode
874 - );
875 -
876 - label.appendChild(
877 - titleNode
878 - );
879 -
880 - label.appendChild(
881 - actionNode
882 - );
883 -
884 - label.setAttribute(
885 - "data-sn-three-line",
886 - "1"
887 - );
888 -
889 - var head=
890 - label.closest(
891 - ".arsn-area-head"
892 - );
893 -
894 - if(head){
895 - head.style.setProperty(
896 - "width",
897 - "100%",
898 - "important"
899 - );
900 -
901 - head.style.setProperty(
902 - "max-width",
903 - "100%",
904 - "important"
905 - );
906 -
907 - head.style.setProperty(
908 - "box-sizing",
909 - "border-box",
910 - "important"
911 - );
912 - }
913 - });
914 - }
915 -
916 - /* =======================================================
917 917   PLACEHOLDER BADGE
918 918   ======================================================= */
919 919  
... ... @@ -1684,9 +1684,6 @@
1684 1684   var headers=
1685 1685   applyOverviewPalette();
1686 1686  
1687 - makeThreeLineAreaLabels();
1688 - makeFilledRedOrangeCTAsBorderless();
1689 -
1690 1690   if(
1691 1691   window.innerWidth>
1692 1692   MOBILE_MAX