Hauptinhalt

Release Notes

Version 2.23.0 (veröffentlicht 05.04.2022)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SKS-644 Neues Inhaltselement »Inhaltsslider« FEATURE SLIDER  
SKS-687 Sachsen.de-spezifische Integration der Bürgerbeteiligung als veraltet markiert DEPRECATED CORE  
MISC-756 Hinzufügen der Unterstützung von russischer und ukrainischer Sprachvariante FEATURE CORE  

Anmerkungen

SKS-644

<script>
    window.additionalComponent.load('slider', {
        component: 'highlight',
        el: '[data-component="12345"]'
    });
</script>
<a id="a-12345"></a>
<div class="slider-default hidden-print">
    <div id="slider-focus-list" class="sr-only" data-element="focusEls">
        <h2>Schnelleinstieg der Themen</h2>
        <ul></ul>
    </div>
    <aside class="list-slider royalSlider rsSachsen rsHighlight rsAutoPlay" data-slider="default" id="slider-12345" data-component="12345">
        <!-- Quellcode der Slides -->
    </aside>
</div>

Version 2.22.0 (veröffentlicht 19.01.2022)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SKS-551 Überarbeitung Share-Funktion im Vollbildmodus FEATURE

GALLERY
SLIDER
IMAGEFULLSCREEN

 
SKS-559 Übergeordnete Seiten verschoben FEATURE CORE  
SKS-521 Labels für Paginationen eingefügt FEATURE SLIDER  
SKS-522 Label für Vollbild Button verbessert BUGFIX SLIDER
IMAGEFULLSCREEN
 
SKS-530 Bedienelemente im Header mit Labels versehen BUGFIX CORE  
SKS-532 News-Datum semantisch der Überschrift zugeordnet FEATURE CORE  
SKS-533 Fehlerhafte Listen der Headernavigation überarbeitet BUGFIX CORE  
SKS-535 Veränderung der Quellcode-Reihenfolge im Header BUGFIX CORE  
SKS-536 Herausgeber mit HTML5-Markup FEATURE CORE  
SKS-537 Aktive Seite in der Navigation für ScreenReader erkennbar gemacht FEATURE CORE  
SKS-540 Quellcode-Reihenfolge von News verändert BUGFIX CORE  
SKS-545 Fokus-Rahmen bei Tastaturbedienung korrigiert BUGFIX CORE  
SKS-547 Darstellung der Bildunterschrift verändert FEATURE SLIDER  
SKS-548 Fokus bei Öffnung verschiedener Dialoge überarbeitet BUGFIX CORE  
SKS-550 Headernavigation auf mobilen Endgeräten mit der Tastatur bedienbar FEATURE CORE  
SKS-553 HTML5-Sektionen an mehreren Stellen eingefügt FEATURE CORE  
SKS-554 role="main" verschoben BUGFIX CORE  
SKS-556 Fokusfalle in Vergrößerung eingefügt FEATURE SLIDER
IMAGEFULLSCREEN
 
SKS-563 Verweise bei News visuell erkennbar BUGFIX CORE  
SKS-567 Status von Funktionen an Buttons erkennbar FEATURE CORE  
SKS-569 Schnellsuche mit aria-Attribut versehen FEATURE CORE  
SKS-570 Live-Area der Portalsuche an eigenem Element FEATURE SEARCH  
SKS-594 Leere Liste an Kontaktblöcken entfernt BUGFIX CONTACT  
SKS-596 Aktiver Slide erkennbar machen FEATURE SLIDER  
SKS-607 aside an Portalnavigation entfernt BUGFIX CORE  
SKS-609 Schnellsuche wird nicht bei Fokusveränderung abgesendet BUGFIX CORE  
SKS-592 HTML5 Quellcode in Bildvergrößerung FEATURE IMAGEFULLSCREEN  

Anmerkungen

SKS-551 Bilderslides

<div data-element="rsSlide">
    <div class="rsSlideContent">
        <!--                                             -->
        <!-- Markup für die Darstellung im Vollbildmodus -->
        <!--                                             -->
        <div class="rsOnlyFullscreen rsAdditionalInfo">
            <span class="rsSlideCount"><span data-slide-count></span> / <span data-slide-length></span></span>
            <div class="rsSlideShareWrapper"
                         data-toggle="tooltip"
                         data-placement="bottom"
                         title="Bild in sozialen Medien teilen">
            <div class="rsSlide shareWrapper">
                <div id="collapseShare-2721"
                     class="collapse collapseShare"
                     aria-labelledby="headingShare-2721"
                     data-collapse-noscroll>
                     data-collapse-noscroll
                     aria-expanded="false">
                    <input type="text"
                           value="http://www.sachsen.de/img/beispiel_bild.jpg" />
                           value="http://www.sachsen.de/img/beispiel_bild.jpg" data-element="shareInput" />
                </div>
                <button id="headingShare-2721"
                                class="rsSlideShare"
                                data-toggle="collapse"
                                data-target="#collapseShare-2721"
                                aria-expanded="false"
                                aria-controls="collapseShare-2721"/>
                                data-no-persistence></button>
            </div>
            <!-- optional: -->
            <a href="/termin-123456.html" class="btn btn-primary rsButtonDetail" title="Zum Termin des aktuellen Eintrags">Zum Termin des aktuellen Eintrags</a>
        </div>
        <!--                       -->
        <!-- Bildbeschreibungstext -->
        <!--                       -->     
        <div aria-hidden="true"
             class="rsText rsTextOversized"
        <div class="rsText"
             id="rsText-2721">(&copy; Vorname Nachname)
            <p>Bildunterschrift.</p>
        </div>
        <!--                                   -->
        <!-- Definition des responsiven Bildes -->
        <!--                                   -->
        <div class="rsImage">
            <noscript>
                <img class="media-object rsImg"
                    src="http://www.sachsen.de/img/beispiel_bild.jpg"
                    alt="Landtag"
                    style="width: 100%" />
            </noscript>
            <img class="media-object hidden-no-js rsImg"
                     src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                     alt="Landtag"
                     data-caption="Bildbeschreibung"
                     data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
                     data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="1001"
                     data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
                                  http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w"
                     data-srcset="http://www.sachsen.de/img/beispiel_bild.jpg 300w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 580w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 730w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 1095w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 1240w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 1460w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg MAXIMALw"
                     data-grid-image="true"
                     data-size="size-xs-full"
                     data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
        </div>
    </div>
</div>

SKS-536

<div id="collapseFooter1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFooter1">
<div id="collapseFooter1" class="panel-collapse collapse in" role="region" aria-labelledby="headingFooter1">
    <div class="panel-body">
        <div class="media owner vcard">
            <div class="pull-left owner-img">
                <img class="svg-img" src="./img/symbols/svg/logo-sachsen-emblem.svg" alt="Wappen vom Freistaat Sachsen" />
            </div>
            <div class="media-body owner-text">
            <address class="media-body owner-text">
                <p class="owneradress">
                    <a class="url fn org" href="http://www.sk.sachsen.de">Sächsische Staatskanzlei</a>
                    <span class="adr">
                        <span class="street-address">Archivstr. 1</span><br />
                        <span class="postal-code">01097</span> <span class="locality">Dresden</span>
                    </span>
                </p>
                <table class="table-unstyled">
                    <tbody>
                        <tr class="tel"><th class="type">Telefon&nbsp;</th><td class="value"><span class="nobr"><a href="tel:+493515640">+49 351 564-0</a></span></td></tr>
                        <tr class="tel"><th class="type">Telefax&nbsp;</th><td class="value"><span class="nobr">+49 351 564-1025</span></td></tr>
                        <tr><th>E-Mail&nbsp;</th><td><a href="mailto:info@sk.sachsen.de" class="email">info@sk.sachsen.de</a></td></tr>
                    </tbody>
                </table>
            </div>
            </address>
        </div>
    </div>
</div>

SKS-533
SKS-535
SKS-550

 

Zeile 1-191 sind mit Zeile 193-439 zu ersetzen.

<header id="header" class="glohea glohea-theme-xs-slides glohea-theme-sm-slides glohea-theme-md-dropdown glohea-theme-lg-dropdown">
  <!-- BG = Hintergrund mit Farbwert + links rechts -->
  <a id="a-glohea" class="sr-only">Portalübergreifende Navigation</a>
  <div class="container glohea-container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="row">
      <div class="navbar-header glohea-header">
        <div class="row">
          <a href="http://www.sachsen.de/" title="sachsen.de" class="navbar-brand glohea-brand"><img class="logo svg-img" src="https://www.justiz.sachsen.de/styleguide/2.21.1/img/symbols/svg/logo-sachsen.svg" alt="Zur Startseite von www.sachsen.de"></a> <button type="button" class="glohea-button-navtoggle navbar-toggle collapsed" data-toggle="collapse" data-target-on-ready="#glohea-collapse-0" aria-expanded="false" data-element="glohea-mobile-trigger" aria-label="mobile Navigation öffnen" title="mobile Navigation öffnen" tabindex="-1"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="glyphicon glyphicon-remove"></span></button>
          <ul class="glohea-button-wrapper nav">
            <li><button id="glohea-btn-search" class="glohea-button glohea-button-search sn-icon sn-icon-search-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" title="Suche starten"><span class="sr-only">Suche starten</span></button></li>
            <li><button id="glohea-btn-tools" class="glohea-button hidden-md hidden-lg sn-icon sn-icon-app-menu-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen"><span class="sr-only">Erweiterungen öffnen</span></button></li>
          </ul>
        </div>
      </div><!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse glohea-level-0-collapse" id="glohea-collapse-0" data-element="glohea-slidescroll">
        <div class="row" data-element="glohea-slidescroll-row">
          <nav class="glohea-level-1" data-element="glohea-container-wrapper" aria-labelledby="a-glohea">
            <div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global">
              <span class="glyphicon glyphicon-plus"></span><span class="glohea-label">sachsen.de</span>
            </div>
            <div class="glohea-level-1-list" data-element="glohea-item-container" data-type="global">
              <ul class="nav nav-justified">
                <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                  <button id="glohea-level-1-link-sachsen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-sachsen" aria-expanded="false" aria-controls="glohea-collapse-sachsen">Sachsen</button>
                  <div id="glohea-collapse-sachsen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-sachsen">
                    <div class="glohea-content-wrapper">
                      <div class="glohea-content-row">
                        <div class="glohea-col-desktop">
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                        <div class="glohea-col-desktop">
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                        <div class="glohea-col-teaser">
                          <div class="media">
                            <div class="media-left"><img class="media-object" src="https://www.justiz.sachsen.de/styleguide/2.21.1/img/content/navigation.png" alt=""></div>
                            <div class="media-body">
                              <h3>Der Freistaat Sachsen</h3>
                              <p>ist mit etwa vier Millionen Einwohnern das sechstgrößte Bundesland. Landeshauptstadt ist Dresden.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="dropdown glohea-level-1-item navbar-portal" data-element="glohea-level-1-item">
                  <button id="glohea-level-1-link-politik" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-politik" aria-expanded="false" aria-controls="glohea-collapse-politik">Politik&nbsp;und&nbsp;Verwaltung</button>
                  <div id="glohea-collapse-politik" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-politik">
                    <div class="glohea-content-wrapper">
                      <div class="glohea-content-row">
                        <div class="glohea-col-desktop">
                          <span class="glohea-group-label-desktop">Ministerpräsident</span> <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerpraesident" data-element="glohea-level-2-link">Ministerpräsident</span>
                          <div id="collapse-ministerpraesident" class="collapse glohea-group">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div><span class="glohea-group-label-desktop">Regierung</span> <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-regierung" data-element="glohea-level-2-link">Regierung</span>
                          <div id="collapse-regierung" class="collapse glohea-group">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                        </div><span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerien" data-element="glohea-level-2-link">Ministerien</span>
                        <div id="collapse-ministerien" class="collapse glohea-group">
                          <div class="glohea-col-desktop">
                            <span class="glohea-group-label-desktop">Ministerien</span>
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                          <div class="glohea-col-desktop">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                        </div><span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-europa" data-element="glohea-level-2-link">Sachsen in Berlin und Europa</span>
                        <div id="collapse-europa" class="collapse glohea-group">
                          <div class="glohea-col-desktop">
                            <span class="glohea-group-label-desktop">Sachsen in Berlin und Europa</span>
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                  <button id="glohea-level-1-link-themen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-themen" aria-expanded="false" aria-controls="glohea-collapse-themen">Themen</button>
                  <div id="glohea-collapse-themen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-themen">
                    <div class="glohea-content-wrapper">
                      <div class="glohea-content-row">
                        <div class="glohea-col-desktop">
                          <span class="glohea-group-label-desktop">Themenauswahl</span>
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                        <div class="glohea-col-desktop">
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                        <div class="glohea-col-desktop">
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                        <div class="glohea-col-desktop">
                          <ul class="nav list-links">
                            ...
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                  <button id="glohea-level-1-link-service" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-buergerservice" aria-expanded="false" aria-controls="glohea-collapse-buergerservice">Service</button>
                  <div id="glohea-collapse-buergerservice" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-service">
                    <div class="glohea-content-wrapper">
                      <div class="glohea-content-row">
                        <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-service" data-element="glohea-level-2-link">Serviceportale</span>
                        <div id="collapse-service" class="collapse glohea-group">
                          <div class="glohea-col-desktop">
                            <span class="glohea-group-label-desktop">Serviceportale</span>
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                          <div class="glohea-col-desktop">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                          <div class="glohea-col-desktop">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                          <div class="glohea-col-desktop">
                            <ul class="nav list-links">
                              ...
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="glohea-slide-greyback" data-element="glohea-greyback"></div>
          </nav><!--<script type="text/json" data-element="global-header-data"></script>-->
        </div>
      </div><!-- /.navbar-collapse -->
      <form class="glohea-form" role="search" action="/smj/suche.html" method="get" data-element="glohea-search">
        <input type="hidden" name="bereich" value="Regierung, Verwaltung, E-Government"> <input type="hidden" name="portal" value="Sächsisches Staatsministerium der Justiz und für Demokratie, Europa und Gleichstellung">
        <div id="collapse-search-slider" class="collapse collapse-small collapse-search" aria-labelledby="glohea-btn-search">
          <div class="form-group">
            <label for="glohea-search" class="sr-only">Suchbegriff</label> <input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff">
          </div><button type="submit" class="btn btn-search-submit sn-icon sn-icon-search-white sn-icon-center" title="Suche starten"><span class="sr-only">Suche starten</span></button>
        </div>
      </form>
      <div class="glohea-tools">
        <button id="glohea-btn-tools-desktop" class="glohea-button visible-md visible-lg sn-icon sn-icon-app-menu-white sn-icon-center" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen"><span class="sr-only">Erweiterungen öffnen</span></button>
        <div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
          <div class="container-tools">
            <ul class="row" data-element="glohea-tools"></ul>
          </div>
        </div>
      </div>
    </div>
    <div class="row glohea-deko-row">
      <h1 id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left"><span class="sn-icon sn-icon-home icon-home">Sächsisches Staatsministerium der Justiz und für Demokratie, Europa und Gleichstellung</span></h1><!-- 4A7B13AD5C984CF99E5041B80A92ED10 - 66FAE97FD6C547D8B70F2E1788CFE944 -->
      <div class="themenbaum-wrapper" data-element="glohea-themenbaum">
        <div class="themenbaum dropdown glohea-deko-right" data-element="glohea-deco-right">
          <button type="button" id="button-themenbaum" class="button-themenbaum" data-toggle="collapse" data-target="#themenbaum-container" aria-expanded="false" aria-controls="themenbaum-container" aria-haspopup="true">Übergeordnete Seiten</button>
        </div>
      </div>
      <div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
    </div>
  </div>
</header>

<header id="header" class="glohea glohea-theme-xs-slides glohea-theme-sm-slides glohea-theme-md-dropdown glohea-theme-lg-dropdown"><!-- BG = Hintergrund mit Farbwert + links rechts -->
    <a id="a-glohea" class="sr-only">portalübergreifende Navigation</a>
    <!--<div class="glohea-deko-container container"></div> &lt;!&ndash; BG = zentraler Container mit Farbwert + links zentrum rechts &ndash;&gt;-->
<div class="container glohea-container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="row" style="text-align: right;">
        <a href="http://www.sachsen.de/" title="sachsen.de Sachsens schönste Seiten" class="navbar-brand glohea-brand">
            <img class="logo svg-img" src="./img/symbols/svg/logo-sachsen.svg" alt="Zur Startseite von www.sachsen.de" />
        </a>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <button type="button" class="sn_glohea__button sn_glohea__button--toggle-nav navbar-toggle collapsed" data-toggle="collapse" data-target-on-ready="#glohea-collapse-0" aria-expanded="false" data-element="glohea-mobile-trigger" aria-label="mobile Navigation öffnen" title="mobile Navigation öffnen" aria-controls="glohea-collapse-0">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="glyphicon glyphicon-remove"></span>
        </button><!--
        --><div class="collapse navbar-collapse glohea-level-0-collapse" id="glohea-collapse-0" data-element="glohea-slidescroll">
            <div class="row" data-element="glohea-slidescroll-row">
                <nav class="glohea-level-1" data-element="glohea-container-wrapper" aria-labelledby="a-glohea">
                    <div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global">
                        <span class="glyphicon glyphicon-plus"></span><span class="glohea-label">sachsen.de</span>
                    </div>
                    <div class="glohea-level-1-list" data-element="glohea-item-container" data-type="global">
                        <ul class="nav nav-justified">
                            <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                                <button id="glohea-level-1-link-sachsen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-sachsen" aria-expanded="false" aria-controls="glohea-collapse-sachsen">
                                    Sachsen
                                </button>
                                <div id="glohea-collapse-sachsen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-sachsen">
                                    <div class="glohea-content-wrapper">
                                        <div class="glohea-content-row">
                                            <div class="glohea-col-desktop">
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                            <div class="glohea-col-desktop">
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                            <div class="glohea-col-teaser">
                                                <div class="media">
                                                    <div class="media-left">
                                                        <img class="media-object" src="./img/content/navigation.png" alt="Panoramaaufnahme der Dresdener Altstadt" />
                                                    </div>
                                                    <div class="media-body">
                                                        <h3>Der Freistaat Sachsen</h3>
                                                        <p>ist mit etwa vier Millionen Einwohnern das sechstgrößte Bundesland. Landeshauptstadt ist Dresden.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown glohea-level-1-item navbar-portal" data-element="glohea-level-1-item">
                                <button id="glohea-level-1-link-politik" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-politik" aria-expanded="false" aria-controls="glohea-collapse-politik">
                                    Politik&nbsp;und&nbsp;Verwaltung
                                </button>
                                <div id="glohea-collapse-politik" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-politik">
                                    <div class="glohea-content-wrapper">
                                        <div class="glohea-content-row">
                                            <div class="glohea-col-desktop">
                                                <span class="glohea-group-label-desktop">Ministerpräsident</span>
                                                <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerpraesident" data-element="glohea-level-2-link">
                                                    Ministerpräsident
                                                </span>
                                                <div id="collapse-ministerpraesident" class="collapse glohea-group">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                                <span class="glohea-group-label-desktop">Regierung</span>
                                                <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-regierung" data-element="glohea-level-2-link">
                                                    Regierung
                                                </span>
                                                <div id="collapse-regierung" class="collapse glohea-group">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                            </div>
                                            <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-ministerien" data-element="glohea-level-2-link">
                                                Ministerien
                                            </span>
                                            <div id="collapse-ministerien" class="collapse glohea-group">
                                                <div class="glohea-col-desktop">
                                                    <span class="glohea-group-label-desktop">Ministerien</span>
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                                <div class="glohea-col-desktop">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                            </div>
                                            <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-europa" data-element="glohea-level-2-link">
                                                Sachsen in Berlin und Europa
                                            </span>
                                            <div id="collapse-europa" class="collapse glohea-group">
                                                <div class="glohea-col-desktop">
                                                    <span class="glohea-group-label-desktop">Sachsen in Berlin und Europa</span>
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                                <button id="glohea-level-1-link-themen" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-themen" aria-expanded="false" aria-controls="glohea-collapse-themen">
                                    Themen
                                </button>
                                <div id="glohea-collapse-themen" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-themen">
                                    <div class="glohea-content-wrapper">
                                        <div class="glohea-content-row">
                                            <div class="glohea-col-desktop">
                                                <span class="glohea-group-label-desktop">Themenauswahl</span>
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                            <div class="glohea-col-desktop">
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                            <div class="glohea-col-desktop">
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                            <div class="glohea-col-desktop">
                                                <ul class="nav list-links">
                                                    ...
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="dropdown glohea-level-1-item" data-element="glohea-level-1-item">
                                <button id="glohea-level-1-link-service" class="dropdown-toggle glohea-level-1-link" data-element="glohea-level-1-link" type="button" data-toggle="collapse" data-target-on-ready="#glohea-collapse-buergerservice" aria-expanded="false" aria-controls="glohea-collapse-buergerservice">
                                    Service
                                </button>
                                <div id="glohea-collapse-buergerservice" class="collapse glohea-collapse" data-element="glohea-level-1-collapse" aria-labelledby="glohea-level-1-link-service">
                                    <div class="glohea-content-wrapper">
                                        <div class="glohea-content-row">
                                            <span class="glohea-group-label" role="button" data-toggle="collapse" aria-expanded="true" data-target="#collapse-service" data-element="glohea-level-2-link">
                                                Serviceportale
                                            </span>
                                            <div id="collapse-service" class="collapse glohea-group">
                                                <div class="glohea-col-desktop">
                                                    <span class="glohea-group-label-desktop">Serviceportale</span>
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                                <div class="glohea-col-desktop">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                                <div class="glohea-col-desktop">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                                <div class="glohea-col-desktop">
                                                    <ul class="nav list-links">
                                                        ...
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="glohea-slide-greyback" data-element="glohea-greyback"></div>
                </nav>
            </div>
        </div><!-- /.navbar-collapse --><!--

        --><button id="glohea-btn-search" class="sn_glohea__button sn_glohea__button--toggle-search" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" title="Suche öffnen" aria-controls="collapse-search-slider">
            <i aria-label="Suche öffnen" class="sn-icon sn-icon-search-white sn-icon-center"></i>
        </button><!--
        --><form class="glohea-form" role="search" action="" method="get" data-element="glohea-search"><!--navbar-element-slider-->
                        <input type="hidden" name="bereich" value="Justiz, Sicherheit, Steuern, Finanzen" />
            <input type="hidden" name="portal" value="LandesPräventionstag (LPT)" />
            <div id="collapse-search-slider" class="collapse collapse-small collapse-search" aria-labelledby="glohea-btn-search">
                <div class="form-group">
                    <label for="glohea-search" class="sr-only">Suchbegriff</label>
                    <input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?"  data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">
                </div>
                <button type="submit" class="btn btn-search-submit sn-icon sn-icon-search-white sn-icon-center" title="Suche starten">
                    <span class="sr-only">Suche starten<span>
                </button>
            </div>
        </form><!--

        --><button id="glohea-btn-tools" class="sn_glohea__button sn_glohea__button--last" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" title="Erweiterungen öffnen" aria-controls="collapse-tools">
            <i aria-label="Erweiterungen öffnen" class="sn-icon sn-icon-app-menu-white sn-icon-center"></i>
        </button>
        <div class="glohea-tools">
            <div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
                <div class="container-tools">
                    <ul class="row" data-element="glohea-tools"></ul>
                </div>
            </div>
        </div>
        <div class="row glohea-deko-row">
            <div id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left">
            <!-- nur bei 0-4-0 mit unternavi -->
            <button id="portalnav-toggle-12345" type="button" class="portalnav-toggle" aria-expanded="false" data-element="portalnav-trigger" aria-label="Navigation öffnen" title="Navigation öffnen" data-alternative data-alt-title="Navigation schließen" data-alt-label="Navigation schließen" aria-controls="portalnav-12345">
                <span class="toggle-open icon-bar"></span>
                <span class="toggle-open icon-bar"></span>
                <span class="toggle-open icon-bar"></span>
                <span class="toggle-close">&#10005;</span>
            </button>
            <span class="sr-only">Portal: </span><a href="/" class="sn-icon sn-icon-home icon-home">Prototyp Styleguide Sachsen</a>
        </div>
        <!-- auf portalstart:
        <h1 id="portal-title" class="portal-link glohea-deko-left" data-element="glohea-deco-left">
            <object data-theme-object class="icon icon-home" data="//styleguide.sachsen.de/dev/themes/black/img/svg/icon-home.svg" title="Startseite des Portals" tabIndex="-1">
                <img src="//styleguide.sachsen.de/dev/themes/black/img/png/icon-home.png" alt="Startseite des Portals" />
            </object><span>Portalname auf Sachsen.de</span>
        </h1>
        -->
        <div class="themenbaum-wrapper" data-element="glohea-themenbaum">
                        <div class="themenbaum dropdown glohea-deko-right" data-element="glohea-deco-right">
                <button type="button" id="button-themenbaum" class="button-themenbaum hidden-xs hidden-sm" data-toggle="collapse" data-target="#themenbaum-container" aria-expanded="false" aria-controls="themenbaum-container" aria-haspopup="true">
                    Übergeordnete Seiten
                </button>
            </div>
                </div>
        <div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
    </div>
    </div>
</header>

SKS-553

<div class="box">
<article class="box">
    <h2 class="box-header">Überschrift zur Karte</h2>
    <div class="box-body">
        <p>Optionaler, kurzer Beschreibungstext</p>
        <p class="contact contact-visitor">
        <address class="contact contact-visitor">
            <span class="icon icon-visitor-address"></span>
            Besucheradresse:<br />
            <span class="icon icon-visitor-address"></span>Besucheradresse:<br />
            <span class="contact-content">
                Straße und Hausnummer<br />
                Postleitzahl und Ort
            </span>
        </p>
        </address>
        <div data-element="iframe"
            data-src="https://geoportal.sachsen.de/mapviewer/dynamic.html?lang=de&app=amt24&address=Archivstraße 1 01097 Dresden"
            data-src="https://geoviewer.sachsen.de/mapviewer2/index.html?address=Archivstraße 1 01097 Dresden&lang=de"
            data-attr='{"class":"geobak"}'
            data-component="8486148446">
        </div>
    </div>
    <div class="box-footer">
        <ul class="list-links">
            <li>
                <a href="https://geoportal.sachsen.de/cps/karte.html?showmap=true&lang=de&app=amt24&address=Archivstraße%201%2001097%20Dresden">
                <a href="https://geoportal.sachsen.de/cps/karte.html?showmap=true&amp;lang=de&amp;app=amt24&amp;address=Archivstra%C3%9Fe%201%2001097%20Dresden">
                    Link zum Geoportal Sachsenatlas
                </a><br />
            </li>
        </ul>
    </div>
</div>
</article>

SKS-554

<div id="main" role="main" class="main main-layout-1-3-0">
<div id="main" class="main main-layout-1-3-0">
    <div class="main-container">
        <div class="row">
            ...
            <div id="main-content-wrapper" class="content-wrapper">
                <div class="row">
                    <section id="main-content" class="content">
                    <main id="main-content" class="content">

SKS-532
SKS-540
SKS-563

<div data-wrapalltolist="list-unstyled">
    <a id="a-123"></a>
    <div class="media media-teaser" id="teaser-8">
        <figure class="media-figure media-figure-teaser media-left media-figure-small">
            <img class="media-object" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="./img/content/675_regierungserklaerung_1.jpg" alt="" data-srcset="./img/content/675_regierungserklaerung_1.jpg 206w, ./img/content/675_regierungserklaerung_1.jpg 355w, ./img/content/675_regierungserklaerung_1.jpg 532w, ./img/content/675_regierungserklaerung_1.jpg 780w, ./img/content/675_regierungserklaerung_1.jpg 1400w" data-element="responsiveImage" data-grid-image="false" data-size="media-figure-small" data-src-maxwidth="1400" data-clickable="#teaser-8 a" />
            <figcaption>
                <span class="media-caption">IdeenExpo</span>
                <span class="media-copy">&copy;&nbsp;Hans Mustermann</span>
            </figcaption>
        </figure>
        <div class="media-body">
            <span class="info-small" data-clickable="#teaser-8 a">01.02.1990, 12:34 Uhr</span>
            <h3 class="media-heading" data-clickable="#teaser-8 a">Newsteaser</h3>
            <p data-clickable="#teaser-8 a">
                Sieger im 9. Landeswettbewerb ist Stangengrün (Landkreis Zwickau) vor Waltersdorf (Landkreis Görlitz) und Zitzschen (Landkreis Leipzig).
            </p>
            <a class="sr-only" href="#">Newsteaser</a>
        </div>
    </div>

    <article class="media media-teaser media-figure-small" data-clickable>
        <div class="clearfix">
            <div class="media-header">
                <span class="info-small">01.05.2018, 21:42Uhr</span>
                <h3 class="media-heading">Teaser mit Bild</h3>
            </div>
            <figure class="media-figure">
                <img class="media-object" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""data-src="./img/content/rdax/hund_800w.jpg" data-src-maxwidth="2000"
                     data-srcset="./img/content/rdax/hund_160w.jpg 160w,
                             ./img/content/rdax/hund_320w.jpg 320w,
                             ./img/content/rdax/hund_640w.jpg 640w,
                             ./img/content/rdax/hund_800w.jpg 800w,
                             ./img/content/rdax/hund_1400w.jpg 1400w,
                             ./img/content/rdax/hund_2000w.jpg 2000w" data-element="responsiveImage" data-grid-image="false" data-size="media-figure-small" data-src-maxwidth="1400" />
                <figcaption>
                    <span class="media-caption">Bildunterschrift</span>
                    <span class="media-copy">&copy;&nbsp;Rechteinhaber</span>
                </figcaption>
            </figure>
            <div class="media-body">
                <p>Anreißertext um Interesse an der Folgeseite zu wecken.</p>
            </div>
        </div>
        <ul class="list-links list-boxend">
          <li>
            <a href="./Bundesratpräsidentschaft.html" target="" title="">Bundesratpräsidentschaft
            </a>
          </li>       
        </ul>
    </article>
</div>

SKS-569

<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?"  data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff">
<input id="glohea-search" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie?" data-suggest="https://search.sachsen.de/web/suggest" autocomplete="off" title="Suchbegriff" aria-autocomplete="list" role="combobox" aria-haspopup="listbox">

SKS-570

<div class="row content-row" data-element="search-row">
  <div class="content-col-wide">
    <div class="row">
      <!-- ### Suchleiste ### -->
      <div class="col-wide">
        <div class="box">
          <div class="box-body" data-component="4971">
            <script type="text/javascript">
              window.additionalComponent.load('suche', {
                  el:             '[data-component="4971"]',
                  component:      'bar',
                  wrapper:        '[data-element="search-row"]',
                  resultWrapper:  '[data-search-result="4971"]',
                  resultLiveLabel:'[data-search-result-live-label="4971"]',
                  filterWrapper:  '[data-search-filter="4971"]',
                  id:'4971'
              });
            </script>
            <ul class="search-form-supporter">
              <li>
                <a href="//search.sachsen.de/web/help" class="search-form-help">Hilfe</a>
              </li>
              <li>
                <a href="/suche.html" class="search-form-reset">Zurücksetzen</a>
              </li>
            </ul>
            <form class="search-form" role="search" method="get" id="content-search-form" name="content-search-form">
              <div class="form-group">
                <label for="search-input" class="sr-only">Suchbegriff</label> <input id="search-input" name="searchTerm" type="text" class="form-control input-search" placeholder="Wonach suchen Sie" data-suggest-small="//search.sachsen.de/web/suggest" title="Suchbegriff"> <button type="submit" class="btn btn-primary btn-content-search-submit" title="Suchen"><span class="visible-xs sn-icon sn-icon-search-white sn-icon-center" aria-label="Suchen"></span> <span class="btn-label sn-icon sn-icon-search-white">Suchen</span></button> <input name="notSearchTerms" type="hidden"> <input name="phrase" type="hidden"> <input name="orSearchTerms" type="hidden">
              </div>
            </form>
          </div>
        </div>
      </div><!-- ### /Suchleiste ### -->
      <div class="col-wide">
        <div class="box">
          <!-- ### Suchergebnisse ### -->
          <span class="sr-only" role="status" data-search-result-live-label="4971"></span>
          <div data-search-result="4971" aria-live="assertive"></div><!-- ### /Suchergebnisse ### -->
          <div data-search-result="4971"></div><!-- ### /Suchergebnisse ### -->
        </div>
      </div>
    </div>
  </div>
  <div class="content-col-small">
    <div class="row">
      <!-- ### Suchfilter ### -->
      <div class="col">
        <div class="box box-bordered">
          <h2 class="box-header">Suchergebnisse eingrenzen</h2>
          <div class="box-body" data-search-filter="4971"></div>
        </div>
      </div><!-- ### /Suchfilter ### -->
    </div>
  </div>
</div>

SKS-594

<p class="contact contact-title"><span class="contact-content">Sächsische Staatskanzlei</span></p>
<p class="contact contact-title"><span class="contact-content">Onlineredaktion</span></p>
<p class="contact contact-mail">E-Mail: <span class="contact-content"><a href="mailto:onlineredaktion@sk.sachsen.de">Online-Postfach</a></span></p>
<ul></ul>
<div class="contact-spacer"></div>

SKS-537
SKS-607

<!-- aside left -->
<aside id="main-sidebar-left" class="sidebar sidebar-left">
<div id="main-sidebar-left" class="sidebar sidebar-left">
  <div class="row">
    <div class="col">
      <div class="box box-nav-portal" data-plugin="affix-navi" id="portalnav-12345" aria-labelledby="portalnav-toggle-12345">
      <div class="box box-nav-portal" data-plugin="affix-navi" id="contentnav-portal">
        <a id="a-navigation" class="sr-only">Portalnavigation</a>
        <div class="box-header">
          <a href="/index.html" class="portal">Styleguide 2.0</a>
        </div>
        <div class="box-body">
          <nav class="nav nav-portal" data-element="nav-portal" aria-labelledby="a-navigation">
            <ul class="list-links">
              <li class="ancestor">
                <a href="/technische-dokumentation-3850.html">Technische Dokumentation</a>
                <ul class="list-links">
                  <li>
                    <a href="/systemanforderungen-4874.html">Systemanforderungen</a>
                  </li>
                  <li>
                    <a href="/hinweise-zur-nutzung-4826.html">Hinweise zur Nutzung</a>
                  </li>
                  <li>
                    <a href="/struktur-des-styleguideprojekts-4647.html">Struktur des Styleguideprojekts</a>
                  </li>
                  <li>
                    <a href="/komponenten-4649.html">Komponenten</a>
                  </li>
                  <li class="active"><span class="active-label"><strong style="font-weight: normal;">Release Notes</strong></span></li>
                  <li class="active" aria-current="page"><span class="active-label"><strong style="font-weight: normal;">Release Notes</strong></span></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</aside>
</div>

Version 2.21.1 (veröffentlicht 02.12.2020)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SKS-311 Geräteoptimierung im Highlight-Slider BUGFIX HIGHLIGHT SLIDER  
SKS-341 Optimierung seitenübergreifender Inhalte BUGFIX PAGE SHARING  
SKS-370 Browser-Zoom verbessert BUGFIX CORE  
SKS-360 Autoplay der Slider-Galerie optimiert BUGFIX SLIDER  
SKS-307 Mobile Anzeige von Urls verbessert BUGFIX CORE  
SKS-434 Vendor-Dateien zusammengeführt FEATURE CORE  
SKS-195 Optimierung von Listen auf mobilen Geräten BUGFIX CORE  
SKS-151 Integration Instagram FEATURE INSTAGRAM  
SKS-321 Zentralisierung der Amt24 Integration BUGFIX CORE  
SKS-323 Speichern des Akkordeon-Zustands deaktivierbar FEATURE ACCORDION  
SKS-427 Höhenanpassung für SocialMedia Integrationen BUGFIX SOCIAL MEDIA  
SKS-406 Hinweis bei fehlendem JavaScript optimiert FEATURE CORE  
SKS-324 Korrektur verschachtelter Listen BUGFIX CORE  
SKS-401 Twitter-Anzeige im InternetExplorer angepasst BUGFIX SOCIAL MEDIA  

Anmerkungen

SKS-434

<script type="text/javascript" src="https://styleguide.sachsen.de/dist/js/skriptVendor.js?v=2.21.1"></script>
<script type="text/javascript">
    $(window).on('load', function() {
        // # CSS
        $.getCSS({
           href: 'https://styleguide.sachsen.de/dist/css/vendor.css?v=2.21.1'
        });
        
        
        $.getCSS({
           href: 'https://styleguide.sachsen.de/dist/themes/blue/css/chrome.css?v=2.21.1',
           'data-element': "theme-stylesheet"
        }).then(function() {
            // # JS
            var dependencyScripts = [
                'https://styleguide.sachsen.de/dist/js/skriptHeadVendor.js?v=2.21.1',
                'https://styleguide.sachsen.de/dist/js/skriptBottomVendor.js?v=2.21.1'
            ];
            var scripts = [
                'https://styleguide.sachsen.de/dist/js/sachsen.js?v=2.21.1'
            ];
            $.when.apply($, $.map(dependencyScripts, function(dependency) {
                return $.getScript(dependency);
            })).then(function() {
                $.each(scripts, function(key, script) {
                    $.getScript(script);
                });
            });
            $.ajaxSetup({
                cache: true
            });
            return $.getScript('https://styleguide.sachsen.de/dist/js/sachsen.js?v=2.21.1');
        });
    });
...

SKS-151

<div class="box box-loading" data-element="social-media-wrapper">
    <h3 class="box-header">Instagram</h3>
    <!--                           -->
    <!-- Auswahlbereich des Kanals -->
    <!--                           -->
     <div class="box-dropdown dropdown"
         data-element="box-dropdown"
         data-dropdown-data="//www.sachsen.de/beispiel_instagram.jsp"
         data-dropdown-data-method="getSocialMediaData"
         data-dropdown-data-method-key="instagram"
         data-dropdown-template="<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>"
         id="dropdownMenuWrapper-6841435446">
         <!--                         -->
         <!-- Auswahlliste der Kanäle -->
         <!--                         -->
         <button class="btn btn-default dropdown-toggle"
                type="button"
                id="dropdownMenu-6841435446"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false"
                data-for-id="facebook-jssdk">
            Kanal wechseln
        </button>
        <ul class="dropdown-menu list-unstyled" aria-labelledby="dropdownMenu-6841435446" data-dropdown-filter='["channel-8","channel-9"]'/>
    </div>
    <!--                                             -->
    <!-- Inhaltsbereich zur Anzeige des Kanalinhalts -->
    <!--                                             -->
    <div class="box-body">
        <div class="box-media">
            <script type="text/javascript">
                window.additionalComponent.load('instagram', {
                    el: '[data-component="1867698"]'
                });
            </script>
            <div data-component="1867698"
                 data-instagram-type="multiple"
                 data-headline="Instagram (Übersicht)"
                 data-instagram-channel-id='["channel-8","channel-9"]'
                 data-link-text="Zum Instagram-Kanal"></div>
        </div>
    </div>
    <!--                            -->
    <!-- Footer mit Kanalverlinkung -->
    <!--                            -->
    <div class="box-footer">
        <ul class="list-links">
            <li>
                <a href="https://www.instagram.com/michaelkretschmer/?hl=de">Zu Instagram wechseln</a>
            </li>
        </ul>
    </div>
</div>

SKS-321

<div class="box-media box-media-border">
    <noscript><img src="https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg" alt="Logo Amt24" data-clickable="#box-3638559 a" /></noscript>
    <noscript><img src="./img/amt24_rdax_465x160_87.jpg" alt="Logo Amt24" data-clickable="#box-3638559 a" /></noscript>
    <img class="hidden-no-js" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
        data-src="https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg" data-src-maxwidth="681"
        data-src="./img/amt24_rdax_465x160_87.jpg" data-src-maxwidth="681"
        data-srcset="https://styleguide.sachsen.de/dist/img/amt24_rdax_300x104_87.jpg 300w,
        data-srcset="./img/amt24_rdax_300x104_87.jpg 300w,
                     https://styleguide.sachsen.de/dist/img/amt24_rdax_465x160_87.jpg 465w,
                     ./img/amt24_rdax_465x160_87.jpg 465w,
                     https://styleguide.sachsen.de/dist/img/amt24_rdax_87.jpg 681w"
                     ./img/amt24_rdax_87.jpg 681w"
        data-grid-image="true" data-size="box" data-clickable="#box-3638559 a">
    <form id="amt24form3638559" action="//amt24.sachsen.de" method="post" accept-charset="UTF-8" class="embedded-search-form form-horizontal">

SKS-323

<div class="panel-group"
    id="accordion-content-1"
    role="tablist"
    aria-multiselectable="true"
    data-no-persistence>

Version 2.21.0 (veröffentlicht 06.08.2019)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SKS-197 Veränderung der E-Tracker Integration FEATURE CORE  
SKS-181 Alternatives Datenschutz-Block-Bild für die ISSUU Integration FEATURE SOCIALMEDIA  
SKS-226 Korrektur der Darstellung der Fehlerseiten BUGFIX CORE  
SKS-36 Korrektur des Datenschutzoverlays im Highlight-Slider BUGFIX CORE  
SKS-102 Anzeige der Boxenüberschrift bei SocialMedia-Boxen BUGFIX SOCIALMEDIA  
SKS-183 Hinzufügen von SocialMedia-Links zum Kontaktblock FEATURE CONTACT  
SKS-223 Veränderung der verwendeten Frameworks aufgrund von Sicherheitslücken BUGFIX CORE  
SKS-234 Entfernen von Google+ aus dem Footer BUGFIX CORE  
SKS-243 Hinzufügen der Twitter Summary Card in den Header FEATURE CORE  
SKS-246 Korrektur der Bildskalierung des YouTube-Vorschaubildes BUGFIX YOUTUBE  
SKS-260 Hinzufügen des Seite empfehlen via E-Mail FEATURE CORE  
SKS-282 Anpassung der ISSUU-Integration an neue Version BUGFIX SOCIALMEDIA  
SKS-300 Obsolete SVG-Fallbacks entfernt BUGFIX CORE  

Anmerkungen

SKS-181

<script type="text/javascript">
    window.additionalComponent.load('socialmedia', {
        el: '[data-component="686871689"]',
        lockedSrc: {
            issuu: '<< SrcSet des alternativen Bildes >>'
        },
        alternativeMaxWidth: 1460,
        alternativeImage: true
    });
</script>

SKS-183

<p class="contact contact-homepage">
    Webseite:
    <span class="contact-content">
        <a href="https://www.sachsen.de">www.sachsen.de</a>
    </span>
</p>
<p class="contact contact-facebook">
    Facebook:
    <span class="contact-content">
        <a href="https://www.facebook.com">www.facebook.com</a>
    </span>
</p>
<p class="contact contact-twitter">
    Twitter:
    <span class="contact-content">
        <a href="https://www.twitter.com">www.twitter.com</a>
    </span>
</p>
<p class="contact contact-instagram">
    Instagram:
    <span class="contact-content">
        <a href="https://www.instagram.com">www.instagram.com</a>
    </span>
</p>

SKS-223

Neue Versionen der eingesetzten Frameworks:

Framework Version
jQuery 2.2.2
Moment.js 2.19.3
Bootstrap 3.4.1

 

SKS-243

    <meta name="twitter:card" content="summary" />
    <meta property="twitter:site" content="" />
    <meta property="twitter:image" content="" />
    <meta property="twitter:image:alt" content="" />
    <meta property="og:url" content="" />
    <meta property="og:title" content="" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="" />
    <meta property="og:image:alt" content="" />
    <meta property="og:image:width" content="" />
    <meta property="og:image:height" content="" />

SKS-260

<li>
    <a target="_blank" rel="nofollow" title="Twitter" class="social social-twitter" href="https://twitter.com/intent/tweet?url=http://www.sachsen.de/index.jsp" data-sl-url-tpl="https://twitter.com/intent/tweet?url={url}">Twitter</a>
</li>
<li>
    <a rel="nofollow" title="E-Mail" class="social social-mail" href="mailto:?subject=Empfehlung aus dem Internetauftritt des Freistaats Sachsen&body=Der nachfolgende Inhalt könnte für Sie interessant sein: http://www.sachsen.de/index.jsp" data-sl-url-tpl="mailto:?subject=Empfehlung aus dem Internetauftritt des Freistaats Sachsen&body=Der nachfolgende Inhalt könnte für Sie interessant sein: {url}">E-Mail</a>
</li>

SKS-282

                <script type="text/javascript">
                    window.additionalComponent.load('socialmedia', {
                        el: '[data-component="686871689"]',
                        name: '<< Name der ISSUU Datei >>',
                        width: << optionale Breite >>,
                        height: << optionale Höhe>>,
                        pageNumber: '<< optionale Seitenanzahl >>',
                        pageLayout: '<< optional "singlePage" >>',
                    });
                </script>

Version 2.20.0 (veröffentlicht 14.11.2018)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SKS-15 Integration von Newsletter-Anmeldungen FEATURE CORE  
SKS-38 Korrektur der Integration von Amt24 BUGFIX CORE  
SKS-92 Aufnahme von allgemeinen Hinweistexten FEATURE CORE  
SKS-150 Neue Komponente: Integration Karriere FEATURE KARRIERE  
SKS-17 Aufnahme von Formulargestaltungen FEATURE CORE  
SKS-157 Fehlerbehebung bei Galerie-Initialisierungen BUGFIX GALLERY  
SKS-166 Verweis zur Datenschutzerklärung in das Overlay aufgenommen FEATURE OVERLAY  
SKS-87 Schriften in Beteiligungskomponente ausgelagert BUGFIX BETEILIGUNG  
SKS-4 barrierearme Integration des VoiceReader eingefügt FEATURE VRWEB  
SKS-121 Entfernen der PNG-Fallbacks für SVGs FEATURE CORE  

Anmerkungen

SKS-38

<article class="box box-white" id="box-3493">
    <h2 class="box-header">Bürgerportal</h2>
    <div class="box-body">
        <div class="box-media box-media-border">
            <noscript><img src="./img/content/amt24.jpg" alt="Bleiben und Zusammenleben - Integration" /></noscript>
            <img class="hidden-no-js clickable" src="./img/content/amt24.jpg" alt="Bleiben und Zusammenleben - Integration" title="Bleiben und Zusammenleben - Integration" data-src-maxwidth="1460" data-grid-image="true" data-size="box" data-clickable="#box-3493 a" style="cursor: pointer;" sizes="(min-width: 1220px) 277px, (min-width: 992px) 220.1px, (min-width: 768px) 227.5px, calc(100vw - 20px)" srcset="./img/content/amt24.jpg 300w, ./img/content/amt24.jpg 465w, ./img/content/amt24.jpg 690w, ./img/content/amt24.jpg 780w, ./img/content/amt24.jpg 1095w, ./img/content/amt24.jpg 1240w, ./img/content/amt24.jpg 1460w" />
        </div>
        <form action="//amt24.sachsen.de/ZFinder/zflink.do" method="post"  class="embedded-search-form form-horizontal">
            <input type="hidden" name="modul" value="SU" />
            <input type="hidden" name="plz" value="-1" />
            <div class="spacer-2"></div>
            <div class="form-group block-input">
                <label class="form-group-head" for="amt24_123456_begriff">Was?</label>
                <div class="form-group-content">
                    <input id="amt24_123456_begriff" name="begriff" type="text" placeholder="Suchbegriff" data-autocomplete="//amt24.sachsen.de/ZFinder/searchautocomplete" class="form-control" />
                    <input id="amt24_4489_begriff" name="begriff" type="text" placeholder="Suchbegriff" class="form-control" />
                </div>
            </div>
            <button type="submit" class="btn btn-primary"
               data-submit
            >Suchen</button>
        </form>
        <script type="text/javascript">
            (function() {
                $('#amt24form4489').on('submit', function(e) {
                    e.preventDefault();
                    var val = $("#amt24_4489_begriff").val();
                    val = sachsen.utils.string.stripTags(val);
                    val = val.replace(/ /g, '+');
                    document.location.href = 'https://amt24.sachsen.de/web/guest/trefferliste/-/trefferliste/q-'+val;
                });
            })();
        </script>
    </div>
    <div class="box-footer">
        <ul class="list-links list-unstyled">
            <li>
                <a href="//amt24.sachsen.de/" target="_self">Zum Serviceportal</a>
            </li>
        </ul>
    </div>
</article>
 

SKS-150

Eine Übersicht der Komponente, sowie den zu verwendenden Quellcode wird in Kürze unter den Komponenten der Technischen Dokumentation bereitgestellt.

SKS-121

<object type="image/svg+xml" data="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.svg" aria-label="Wappen vom Freistaat Sachsen" tabIndex="-1">
  <img src="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.png" alt="Wappen vom Freistaat Sachsen" />
</object>
<img class="svg-img" src="https://www.styleguide.sachsen.de/dist/img/symbols/svg/logo-sachsen-emblem.svg" alt="Wappen vom Freistaat Sachsen" />
 

Version 2.19.0 (veröffentlicht 14.03.2018)

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1613 Cookie-Verwendung für Datenschutzbestätigungen wurde überarbeitet FEATURE CORE  
SK-1520 Bildslider vermeidet unnötige Initialisierung bei einem Eintrag FEATURE SLIDER  
SK-1520 Galerie vermeidet unnötige Initialisierung bei einem Eintrag FEATURE GALLERY  
SK-1520 Responsive Einzelbilder bieten eine Vergrößerungsfunktion FEATURE IMAGE  
RSGS-681 Formularelemente wurden festgelegt FEATURE CORE  
SK-1571 Druckansicht ist überarbeitet BUGFIX CORE  
SK-1589 Fokus der Dialoge ist an Barrierefreiheitsbestimmungen angepasst BUGFIX CORE  
RSGS-899 Erkennung von Besuchern mit langsamer Verbindung nun ohne Persistenz BUGFIX CORE  
RSGS-906 Bilderslider mit optionalem Button je Eintrag FEATURE SLIDER  
RSGS-906 Galerie mit optionalem Button je Eintrag FEATURE GALLERY  
RSGS-906 Chronik-Auszug passt angezeigte Termine an aktuelles Datum an FEATURE CHRONIKAUSZUG  
RSGS-180 Slider-Einträge Lesereihenfolge korrigiert BUGFIX SLIDER  
SK-1233 Meta-Tag zur Aktualität der Seite hinzugefügt FEATURE CORE  
SK-1521 Mehrspaltige Verweislisten hinzugefügt FEATURE CORE  

Anmerkungen

RSGS-681

Die allgemeinen Formular-Elemente im Styleguide wurden in ihrer Funktion und optischen Ausprägung definiert. Eine Übersicht der Elemente, sowie den zu verwendenden Quellcode wird in Kürze unter den Komponenten der Technischen Dokumentation bereitgestellt.

RSGS-906

Bilderslider
<div data-element="rsSlide">
    <button id="slide-1" class="rsSlideAnchor">Slide im Vollbildmodus öffnen</button>
    <div class="rsSlideContent">
        <!--                                             -->
        <!-- Markup für die Darstellung im Vollbildmodus -->
        <!--                                             -->
        <div class="rsOnlyFullscreen rsAdditionalInfo">
            <span class="rsSlideCount">
                <span data-slide-count/> / <span data-slide-length/>
            </span>
            <div class="rsSlideShareWrapper"
                         data-toggle="tooltip"
                         data-placement="bottom"
                         title="Bild in sozialen Medien teilen">
                <div id="collapseShare-2721"
                     class="collapse collapseShare"
                     aria-labelledby="headingShare-2721"
                     data-collapse-noscroll>
                    <input type="text"
                           value="http://www.sachsen.de/img/beispiel_bild.jpg" />
                </div>
                <button id="headingShare-2721"
                                class="rsSlideShare"
                                data-toggle="collapse"
                                data-target="#collapseShare-2721"
                                aria-expanded="false"
                                aria-controls="collapseShare-2721"/>
            </div>
            <a
               href="/termin-123456.html"
               class="btn btn-primary rsButtonDetail">
                  Zum Termin des Eintrags wechseln
            </a>
        </div>
Galerie
<script type="application/json" data-element="justified-gallery-data">
[
  {
    "text":"<p>Beschreibungstext zum Bild.</p>",
    "caption":"(&copy; dpa-Bildfunk)",
    "path":"https://www.sachsen.de/img/bld_small.jpg",
    "zoom":"https://www.sachsen.de/img/bld_zoom.jpg",
    "title":"",
    "alt":"",
    "width":5550,
    "height":3450
    "href":"/termin-123456.html",
    "textBtn": "Zum Eintrag des Termins wechseln"
  }
]
</script>
 
RSGS-180
<div data-element="rsSlide">
    <button id="slide-1" class="rsSlideAnchor">Slide im Vollbildmodus öffnen</button>
    <div class="rsSlideContent">
        <!--                                             -->
        <!-- Markup für die Darstellung im Vollbildmodus -->
        <!--                                             -->
        <div class="rsOnlyFullscreen rsAdditionalInfo">
            <span class="rsSlideCount">
                <span data-slide-count/> / <span data-slide-length/>
            </span>
            <div class="rsSlideShareWrapper"
                         data-toggle="tooltip"
                         data-placement="bottom"
                         title="Bild in sozialen Medien teilen">
                <div id="collapseShare-2721"
                     class="collapse collapseShare"
                     aria-labelledby="headingShare-2721"
                     data-collapse-noscroll>
                    <input type="text"
                           value="http://www.sachsen.de/img/beispiel_bild.jpg" />
                </div>
                <button id="headingShare-2721"
                                class="rsSlideShare"
                                data-toggle="collapse"
                                data-target="#collapseShare-2721"
                                aria-expanded="false"
                                aria-controls="collapseShare-2721"/>
            </div>
        </div>
        <!--                                   -->
        <!-- Definition des responsiven Bildes -->
        <!--                                   -->
        <noscript>
            <img class="media-object rsImg"
                 src="http://www.sachsen.de/img/beispiel_bild.jpg"
                 alt="Landtag"
                 style="width: 100%" />
        </noscript>
        <img class="media-object hidden-no-js rsImg"
                     src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                      alt="Landtag"
                     data-caption="Bildbeschreibung"
                     data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
                     data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
                                  http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w"
                     data-grid-image="true"
                     data-size="size-xs-full"
                     data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
        <!--                       -->
        <!-- Bildbeschreibungstext -->
        <!--                       -->     
        <div aria-hidden="true"
             class="rsText rsTextOversized"
             id="rsText-2721">(&copy; Vorname Nachname)
            <p>Bildunterschrift.</p>
        </div>
        <div class="sr-only">(Copyright: Vorname Nachname)
            <p>Bildunterschrift</p>
        </div>
        <!--                                   -->
        <!-- Definition des responsiven Bildes -->
        <!--                                   -->
        <div class="rsImage">
            <noscript>
                <img class="media-object rsImg"
                     src="http://www.sachsen.de/img/beispiel_bild.jpg"
                     alt="Landtag"
                     style="width: 100%" />
            </noscript>
            <img class="media-object hidden-no-js rsImg"
                     src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                      alt="Landtag"
                     data-caption="Bildbeschreibung"
                     data-src="http://www.sachsen.de/img/beispiel_bild.jpg" data-src-maxwidth="675"
                     data-srcset="http://www.sachsen.de/img/beispiel_bild_300x177.jpg 300w,
                                  http://www.sachsen.de/img/beispiel_bild_580x342.jpg 580w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w,
                                  http://www.sachsen.de/img/beispiel_bild.jpg 675w"
                     data-grid-image="true"
                     data-size="size-xs-full"
                     data-rsBigImg="http://www.sachsen.de/img/beispiel_bild.jpg" />
        </div>
    </div>
</div>
SK-1233
<meta name="date" content="2016-11-23 09:48:56">
<meta name="last-modified" content="2018-03-14 17:08:06">
SK-1521
<h4>Verbindungsbüros</h4>
<ul class="
        list-links
        list-horizontal
    ">
    <li><a href="#">Brüssel</a></li>
    <li><a href="#">Prag</a></li>
    <li><a href="#">Breslau</a></li>
</ul>

Version 2.18.0 (Veröffentlicht 30.11.2017)

Hinweis: Ab diesem Release verändert sich die Bedeutung der Versionsnummern.

XX.YY.ZZ

  • 1. Stelle: "Major-Release" - Eine grundlegende technische Änderung des Codes, deren Kompatibilität mit älteren Versionen nicht garantiert wird.
  • 2. Stelle: "Minor-Release" - Eine Aktualisierung mit neuen Features und Bugfixes am Core und Komponenten.
  • 3. Stelle: "Component-Release" - Eine Aktualisierung, die nur eine Komponente betrifft. Der Core bleibt dabei unverändert.

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1499 Datenschutzkonforme Integration ISSUU FEATURE SOCIALMEDIA  
SK-1523 Korrektur des Farbwechslers BUGFIX COLORPICKER  
RSGS-857 Nachladen von Ressourcen optimiert FEATURE CORE  
SK-1507 App-Menü um Verweis zu RSS, Login & Hilfe erweitert FEATURE NAVIGATION  
SK-1536 Barrierearmut des Voice Reader Web erhöht FEATURE VRWEB  
RSGS-797 Autocomplete von jQueryUI ersetzt FEATURE CORE  

Anmerkungen

SK-1499

<!-- ISSUU Beginn -->
<div class="col hidden-print">
    <div class="box">
    <div class="box box-loading" data-element="social-media-wrapper">
        <h2 class="box-header">ISSUU - Einbindung</h2>
        <div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data-method-key="issuu" id="dropdownMenuWrapper-6841435446">
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu-6841435446" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-for-id="issuu-embed">
                Issuu wechseln
            </button>
                <ul class="dropdown-menu list-unstyled" aria-labelledby="dropdownMenu-6841435446" >
                <li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='2250712/8898607' data-value='https://issuu.com/chickpeamag/docs/23_free_preview' data-additional='Issuu Dokument'>Issuu Dokument</a></li>
            </ul>
        </div>
        <div class="box-body">
            <div class="box-media">
                <script type="text/javascript">
                    window.additionalComponent.load('socialmedia', {
                        el: '[data-component="686871689"]'
                    });
                </script>
                <div data-social-platform="issuu" data-issuu-id="issuu-embed"  data-component="686871689" data-social-height="410" data-configid='2250712/8898607'></div>
                <div class="embed">
                    <div data-configid="2250712/8898607" style="width: 100%; height: 292px;" class="issuuembed"></div>
                    <script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ISSUU Ende -->

RSGS-857

$('<link/>', {
    rel: 'stylesheet',
    type: 'text/css',
    href: 'themes/green/css/chrome.css?v=2.17.2',
    'data-element': "theme-stylesheet"
}).appendTo('head').load(function() {});
$.getCSS({
    href: 'themes/green/css/chrome.css?v=2.18.0',
    'data-element': "theme-stylesheet"
}).then(function() {});

SK-1507

window.glohea = {
        buttons: {
            projectButtons: {
            },
            RSS: 'http://www.sachsen.de/rss.html',
            help: 'http://www.sachsen.de/help.html',
            login: 'http://www.sachsen.de/login.html',
            drop: ''
        }
    };
RSGS-797
$input.autocomplete({...});
// Dokumentation siehe https://github.com/bassjobsen/Bootstrap-3-Typeahead
$input.typeahead({...});

Version 2.17.2 (Veröffentlicht: 23.10.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1486 Button zum Anhalten der Animationen hinzugefügt FEATURE CORE  
fc5beea4 Navigation in Komponente umgewandelt FEATURE NAVIGATION  
SK-1493 Version für Laden der Komponenten verwendet FEATURE CORE  
SK-1470 Datenschutz-Overlay in Highlight-Slider korrigiert BUGFIX SLIDER  
RSGS-868 Unerlaubte Zeichen aus Suchanfragen gefiltert FEATURE SLIDER  

Anmerkungen

fc5beea4

// Quellcode zur Einbindung der Styleguide-Ressourcen
$('<link/>', {
    rel: 'stylesheet',
    type: 'text/css',
    href: 'themes/green/css/chrome.css?v=2.17.2',
    'data-element': "theme-stylesheet"
}).appendTo('head').load(function() {
    $('html').removeClass('styleless');
    // # JS
    var dependencyScripts = [
        'js/skriptHeadVendor.js?v=2.17.2',
        'js/skriptBottomVendor.js?v=2.17.2'
    ];
    var scripts = [
        'js/sachsen.js?v=2.17.2'
    ];
    ...
});

Version 2.17.1 (Veröffentlicht: 11.10.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
RSGS-864 Korrektur der Darstellung der portalübergreifenden Navigation im IE BUGFIX CORE  
RSGS-864 Korrektur der Slider-Darstellung BUGFIX SLIDER  

Version 2.17.0 (Veröffentlicht: 10.10.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1447 Behebung von Galerie-Darstellungsfehlern BUGFIX GALLERY  
SK-1400 Hervorhebung von Links in Fließtext FEATURE CORE  
SK-1389 Formularelemente nicht mehr als Liste umgesetzt BUGFIX CORE  
RSGS-565 Socialmedia-Datenschutz Einstellung in App-Menü hinzugefügt FEATURE CORE  
RSGS-755 Funktionen zur Barrierearmut in separate Leiste unter der portalübergreifenden Navigation hinzugefügt FEATURE CORE  
SK-1376 Alternative Texte für alternative Vorschaubilder von Videos FEATURE YOUTUBE  
SK-1409 Erreichbarkeit des Highlight-Sliders erhöht FEATURE SLIDER  
SK-1427 Erreichbarkeit der Suche erhöht FEATURE SUCHE  
SK-1392 Barrierearmut der portalübergreifenden Navigation erhöht FEATURE CORE  
SK-1393 Struktur der Seitenbereiche angepasst BUGFIX CORE  
SK-1402 Barrierearmut des Tastaturfokus erhöht FEATURE CORE  

Anmerkungen

SK-1389

            <form action="" method="post" class="embedded-search-form form-horizontal">
                <ul class="list-unstyled list-form list-form-single">
                    <li>
                        <div class="form-group block-input">
                            <label class="form-group-head" for="input1">Wo?</label>
                            <div class="form-group-content">
                                <input id="input1" name="ort" type="text" placeholder="Ort, Postleitzahl" class="form-control"></input>
                            </div>
                        </div>
                    </li>
                </ul>
                <button type="submit" class="btn btn-primary">Suchen</button>
            </form>

SK-1376

<div id="video-wrapper4818" data-component="4818" class="video-wrapper embed-responsive embed-responsive-16by9" data-element="youtube" data-youtube-path="https://www.youtube-nocookie.com/embed/u60uq8emEo0?rel=0&autoplay=1&cc_load_policy=1"
data-src="./test/img.png" data-alt-srcset="./test/img.png 90w, ./test/img.png 260w, ./test/img.png 445w, ./test/img.png 780w, ./test/img.png 1095w, ./test/img.png 1095w, ./test/img.png 1760w"
data-alt-alt="Alternativer Bildtext" 
data-alt-max-width="1760" >

SK-1409

<div class="slider-default">
    <div class="sr-only" data-element="focusEls">
        <h2>Schnelleinstieg der Portalthemen</h2>
        <ul></ul>
    </div>
    <div class="list-slider royalSlider rsSachsen rsHighlight rsAutoPlay" data-slider="default" data-slide-autoplay="false" id="slider-806" data-component="806">
        <div class="rsSlideImage" data-element="rsSlide" id="highlight-slide-4811" tabIndex="-1">
            <div class="rsSlideContent">
            </div>
        </div>
    </div>
</div>
 

SK-1427

<div data-search-result="67187768766"
    aria-live="assertive"
></div>

SK-1392

                <ul class="glohea-button-wrapper nav">
                    <li>
                        <button id="glohea-btn-search" class="glohea-button" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-search-slider" data-element="glohea-search-collapse-trigger" aria-label="Suche starten" title="Suche starten">
                            <object class="glohea-button-object glohea-button-object-search" data="./themes/white/img/svg/icon-search.svg" tabIndex="-1">
                                <img src="./themes/white/img/png/icon-search.png" alt="Suche starten">
                            </object>
                        </button>
                    </li>
                    <li>
                        <button id="glohea-btn-tools" class="glohea-button
                        hidden-md hidden-lg
                        " type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" aria-label="Erweiterungen öffnen" title="Erweiterungen öffnen">
                            <object class="glohea-button-object glohea-button-object-tools" data="./themes/white/img/svg/icon-app-menu.svg" tabIndex="-1">
                                <img src="./themes/white/img/png/icon-app-menu.png" alt="Erweiterungen öffnen">
                            </object>
                        </button>
                    </li>
                </ul>
...
<div class="row" data-element="glohea-slidescroll-row">
                <nav class="glohea-level-1" data-element="glohea-container-wrapper">
                    <div class="glohea-slide-label glohea-label-right" data-element="triggerCollapseSlider" data-target="global"
                    aria-labelledby="a-glohea">
...
        <div class="glohea-tools">
            <button id="glohea-btn-tools-desktop" class="glohea-button visible-md visible-lg" type="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false" data-target="#collapse-tools" data-element="glohea-tools-collapse-trigger" aria-label="Erweiterungen öffnen" title="Erweiterungen öffnen">
                <object class="glohea-button-object glohea-button-object-tools" data="./themes/white/img/svg/icon-app-menu.svg" tabIndex="-1">
                    <img src="./themes/white/img/png/icon-app-menu.png" alt="Erweiterungen öffnen">
                </object>
            </button>
            <div id="collapse-tools" class="collapse collapse-small collapse-tools" aria-labelledby="glohea-btn-tools">
                <div class="container-tools">
                    <div class="row" data-element="glohea-tools"></div>
                    <ul class="row" data-element="glohea-tools"></ul>
                </div>
            </div>
        </div>
...
        <div class="glohea-bitv-buttons" data-element="glohea-bitv-button-wrapper"></div>
    </div>
  </div>
</header>

SK-1393

<a id="a-highlight" class="sr-only">Portalthemen</a>
<div id="highlight" class="highlight highlight-1-3-0">
...
</div>

<div id="main" role="main" class="main main-layout-1-3-0">
    <div class="main-container">
        <div class="row">
            <aside id="main-sidebar-left" class="sidebar sidebar-left">
            ...
            </aside>
            <section id="main-content" class="content">
            <div id="main-content-wrapper" class="content-wrapper">
                <div class="row">
                    <a id="a-highlight" class="sr-only">Portalthemen</a>
                    <div id="highlight" class="highlight highlight-1-3-0">
                    ...
                    </div>
                    <section id="main-content" class="content">
                        <div class="row">
                        ...
                        </div>
                    </section>
                    ...
                </div>
            </div>
        </div>
    </div>
</div>
<footer id="footer" class="footer">
    <div class="footer-content container">
        <div class="row panel-group accordion-enabled" id="accordion-footer" role="tablist" aria-multiselectable="true">
            <div class="footer-col panel panel-default col-sm-40">
                <div class="panel-heading" role="tab" id="headingFooter1">
                    <div class="hdl-4 panel-title">
                        <span class="hidden-xs">Herausgeber</span>
                        <h2 class="hidden-xs h4">Herausgeber</h2>
                        <button class="visible-xs btn btn-footer" type="button" data-toggle="collapse" data-target="#collapseFooter1" aria-expanded="false" aria-controls="collapseFooter1" data-parent="#accordion-footer">Herausgeber</button>
                    </div>
                </div>
                ...
            </div>
            ...
        </div>
    </div>
</footer>

Version 2.16.1 (Veröffentlicht: 17.08.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1321 Funktionsverbesserung der Portalsuche BUGFIX SUCHE  
08188c03 Klassen zur Integration von Buttons als Background hinzugefügt FEATURE CORE  

Anmerkungen

08188c03

<span class="sn-icon-arrow-top"></span>
/*
* Verfügbare Klassen: 
sn-icon-arrow-top
sn-icon-arrow-top
sn-icon-arrow-top-small
sn-icon-arrow-right
sn-icon-arrow-right-small
sn-icon-arrow-right-to-end
sn-icon-arrow-right-gallery
sn-icon-arrow-bottom
sn-icon-arrow-bottom-small
sn-icon-arrow-left
sn-icon-arrow-left-small
sn-icon-arrow-left-to-end
sn-icon-arrow-left-gallery
sn-icon-download
sn-icon-extern
sn-icon-expand
sn-icon-portal
sn-icon-shrink
sn-icon-social-facebook
sn-icon-social-twitter
sn-icon-social-google
sn-icon-totop
sn-icon-toBottom
sn-icon-close
sn-icon-share
sn-icon-play
sn-icon-pause
sn-icon-wind-cone
sn-icon-compass
sn-icon-umbrella
sn-icon-heart
sn-icon-warning
sn-icon-search
sn-blocked-youtube
sn-icon-image-more
sn-icon-help
sn-icon-reset
sn-icon-form
sn-icon-pdf
sn-icon-plus
sn-icon-minus
sn-icon-zoom-in
sn-icon-zoom-out
sn-icon-checkbox
sn-icon-checkbox-checked
sn-icon-location
sn-icon-time
sn-icon-address
sn-icon-telephone
sn-icon-telefax
sn-icon-mail
sn-icon-secured-mail
sn-icon-de-mail
sn-icon-home
sn-icon-wheelchair
sn-icon-info
sn-icon-visiting-address
*/

Version 2.16.0 (Veröffentlicht: 11.08.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1321 Hilfsfunktion für Verweise korrigiert BUGFIX CORE  
SK-1329 Höhenangabe für Social-Media-Integration FEATURE SOCIALMEDIA  
SK-1358 Optimierung Wetterkarte im InternetExplorer BUGFIX WETTER  
SK-1321 Portalsuche mit neuer Suchschnittstelle FEATURE SUCHE  

Version 2.15.1 (Veröffentlicht: 30.06.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
76c0a67f Darstellungsfehler bei Suchformularen in der Marginalspalte BUGFIX CORE  
SK-1365 Korrektur der Codehighlighter-Integration BUGFIX CODEHIGHLIGHTER  
63e26a5d Darstellungsfehler der Portalnavigation BUGFIX CORE  

Version 2.15.0 (Veröffentlicht: 28.06.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1303 explizites Target ist prioritärer als die Einstufung als externer Verweis BUGFIX CORE  
RSGS-290 Taste »0« ohne Modifier löst keinen Zoom aus BUGFIX CORE  
SK-906 Übersetzungen für polnische und tschechische Sprache hinzugefügt FEATURE CORE  
SK-1338 Bildunterschrift im Zoom der Kachelgalerie erweitert BUGFIX GALERIE  
80eedce7 Neue JavaScript Events zur Initialisierungskontrolle hinzugefügt FEATURE CORE  
RSGS-421 Technische Sicherheit des Footers verbessert FEATURE CORE  
RSGS-290 Neue Bibliothek für Codehighlighting verwendet FEATURE CODEHIGHLIGHT  
SK-1116 Dynamische Darstellung von Persönlichkeiten FEATURE PERSONENLISTE  
RSGS-760 Portalübergreifende Integration von Inhaltselementen FEATURE PAGESHARING  

Anmerkungen

80eedce7

/*
* done.translation    - Übersetzung geladen
* done.sharedpages    - Projektfremde Seiten wurden integriert
* done.images.preload - responsive Preload-Bilder sind geladen
* done.images         - alle responsiven Bilder wurden geladen
* done.components     - Komponenten wurden initialisiert
* done.glohea         - Headernavigation wurde initialisiert
* done.starter        - Bootstrap-Utilities wurden initialisiert
*/
$(window).on('done.images', function() {
    // wird ausgeführt wenn alle Bilder geladen sind
});

RSGS-421

...
<div class="footer-col panel panel-default">
    <div class="panel-heading" role="tab" id="headingFooter[1-4]">
        <div class="hdl-4 panel-title">
            <a class="collapsed" data-toggle="collapse" data-parent="#accordion-footer" href="#collapseFooter[1-4]" aria-expanded="false" aria-controls="collapseFooter[1-4]" tabindex="-1">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</a>
            <span class="hidden-xs">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</span>
            <button class="visible-xs btn btn-footer" type="button" data-toggle="collapse" data-target="#collapseFooter[1-4]" aria-expanded="false" aria-controls="collapseFooter[1-4]" data-parent="#accordion-footer">[Herausgeber|Service|Verwandte Portale|Seite empfehlen]</button>
        </div>
    </div>
    <div id="collapseFooter[1-4]" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFooter[1-4]">
    <div id="collapseFooter[1-4]" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFooter[1-4]">
        <div class="panel-body">
            <ul class="list-links">...</ul>
        </div>
    </div>
</div>
...

RSGS-760

Bereitstellung eines Elementes

<div data-pagesharing-guid="[eindeutige ID]">
    <!-- geteiltes Inhaltselement -->
</div>

Integration eines Elements

<div data-pagesharing-container-guid="[eindeutige ID]"
    data-pagesharing-admin-page-guid="[eindeutige ID des zu integrierenden Elements]"
    data-pagesharing-external-url="[URL zur Seite des zu integrierenden Elements]"
></div>

Version 2.14.0 (Veröffentlicht: 21.03.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
RSGS-548 Button-Zustände verändert FIX CORE  
SK-1262 Kommentar an Telefonnummer ermöglicht FEATURE CORE  
RSGS-799 Erweiterung des Kontaktblocks um verschlüsselte Mails FEATURE CORE  
SK-1116 Select mit Mehrfachauswahl als Formularelement hinzugefügt FEATURE CORE  

Anmerkungen

SK-1262

<p class="contact contact-phone">
    Telefon:
    <span class="contact-content">
        <a href="tel:+4930206060">+49 30-20 60 60</a><br />
        <span class="contact-description">Kommentar</span>
    </span>
</p>

RSGS-799

<p class="contact contact-secured-mail">
    E-Mail:
    <span class="contact-content">
        <a href="mailto:poststelle@bin.sk.sachsen.de">poststelle@bin.sk.sachsen.de</a><br />
        <span class="contact-description"></span>
    </span>
</p>
<p class="contact contact-smime">
    <span class="contact-content">
        <a href="SMIME-Zertifikat.zip">S/MIME-Zertifikat</a><br />
        <span class="contact-description">Sie können uns Ihre E-Mail auch mit S/MIME verschlüsselt und signiert zusenden. Bitte laden Sie dazu die ZIP-Datei herunter und binden Sie die entpackten Zertifikate in Ihren E-Mailclient ein.</span>
    </span>
</p>

SK-1116

<div class="form-group">
    <div class="form-group-head" >
        Epoche
    </div>
    <div class="form-group-content form-group-content-multiselect">
        <div class="input-group">
            <label class="sr-only" for="datum-von"
                   id="label-datum-von">Datum beginnend am</label>
            <select id="datum-von" class="selectpicker" multiple title="Epoche wählen">
              <option value="0000-1815">bis 1815</option>
              <option value="1815-1871">1815 - 1871</option>
              <option value="1871-1918">1871 - 1918</option>
              <option value="1918-1933">1918 - 1933</option>
              <option value="1933-1945">1933 - 1945</option>
              <option value="1945-1990">1945 - 1990</option>
              <option value="1990-3000">seit 1990</option>
            </select>
        </div>
    </div>
</div>
$('.selectpicker').selectpicker();

Version 2.13.0 (Veröffentlicht: 13.03.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
RSGS-591 Zoom-Funktion in App-Menü hinzugefügt FEATURE CORE  
RSGS-290 Kopfgrafik als SVG FEATURE CORE  
RSGS-640 Ladekomponente als Abhängigkeit aller anderen Komponenten hinzugefügt FEATURE COMPONENTS  
RSGS-738 Benutzerfreundlichkeit des Sliders verbessert FEATURE SLIDER  
RSGS-607 Print-Style bei Komponenten angepasst oder ggf. ausgeblendet FEATURE COMPONENTS  

Anmerkungen

RSGS-607

Darstellung ist nur für eine beispielhafte Komponente. Bitte überprüfen Sie die Komponenten in der technischen Dokumentation.

<div class="gallery" data-element="justified-gallery" data-id="523527" data-gallery-detail data-component="68716876876463">
<div class="gallery hidden-print" data-element="justified-gallery" data-id="523527" data-gallery-detail data-component="68716876876463">

Version 2.12.0 (Veröffentlicht: 21.02.2017)

Änderungshistorie

Vorgang Beschreibung Typ Komponente Anmerkungen vorhanden
SK-1135 interne E-Tracker Anzeige der Seiten korrigiert FIX CORE  
RSGS-756 Übergeordnete Seiten in mobiler Portal-Navigation hinzugefügt FEATURE CORE  
RSGS-346 Amt24-Integration ohne Ortswahl FIX CORE   
RSGS-477 W3C-Konformität der Dropdown-Templates verbessert FIX SOZIALE NETZWERKE  

Anmerkung

RSGS-477

<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//www.sachsen.de/beispiel_socialmedia.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="twitter" data-dropdown-template="<li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>" id="dropdownMenuWrapper-6841435446">
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//www.sachsen.de/beispiel_socialmedia.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="twitter" id="dropdownMenuWrapper-6841435446" data-dropdown-template="#template-6841435446">
<script type="text/html" id="template-6841435446"><![CDATA[
    <li><a href='#dropdownMenu-6841435446' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>
]]></script>

Version 2.11.0 (Veröffentlicht: 23.01.2017)

Änderungshistorie

Ticketnummer Beschreibung Typ Komponente Anmerkungen vorhanden
RSGS-741 fehlender Button-Label im Slider FIX SLIDER  
fa6edddb Fehlende Klasse an Tabs ergänzt FIX TABS  
SK-1150 Socialmedia-Icon statt Überschrift FEATURE SOZIALE NETZWERKE  
RSGS-477 Dropdown-Template nicht als Attribut FEATURE SOZIALE NETZWERKE  
SK-1164 Publikationsbox-Text nicht umfließend FEATURE CORE  
RSGS-628 Fallback-Kanal definiert FEATURE SOZIALE NETZWERKE  
SK-1160 IPhone-Fehler bei SVGs behoben FIX CORE  
SK-1173 Filter von gelöschten Kanälen FIX SOZIALE NETZWERKE  
SK-1184 Stylingfehler bei Boxenverschachtelung FIX CORE  
SK-1138 Akkordeon-Auswertung im eTracker korrigiert FIX CORE  
RSGS-664 Einbindung kursiver Schrift korrigiert FIX CORE  

 

Anmerkung

RSGS-741

<button id="headingShare-2721" class="rsSlideShare" data-toggle="collapse" data-target="#collapseShare-2721" aria-expanded="false" aria-controls="collapseShare-2721"></button>
<button id="headingShare-2721" class="rsSlideShare" data-toggle="collapse" data-target="#collapseShare-2721" aria-expanded="false" aria-controls="collapseShare-2721" title="Bild in sozialen Medien teilen">Bild in sozialen Medien teilen</button>

fa6edddb

<li role="presentation" class="active"><a href="#themen-a-d" aria-controls="themen-a-d" role="tab" data-toggle="tab">A-D</a></li>
<li role="presentation" class="active"><a class="tab-head" href="#themen-a-d" aria-controls="themen-a-d" role="tab" data-toggle="tab">A-D</a></li>

SK-1150

<h3 class="box-header">Facebook</h3>
<h3 class="box-header"><span class="box-icon-facebook">Facebook</span></h3>

RSGS-477

<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//design.sachsen.de/styleguide/js/socialmedia.data.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="facebook" data-dropdown-template="<li><a href='#dropdownMenu-6841435447' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>" id="dropdownMenuWrapper-6841435447">
<div class="box-dropdown dropdown" data-element="box-dropdown" data-dropdown-data="//design.sachsen.de/styleguide/js/socialmedia.data.js" data-dropdown-data-method="getSocialMediaData" data-dropdown-data-method-key="facebook" data-dropdown-template="#template-6841435447" id="dropdownMenuWrapper-6841435447">
     <script type="text/html" id="template-6841435447">
         <li><a href='#dropdownMenu-6841435447' data-element='dropdown-value' data-id='<%= id %>' data-value='<%= anchor %>' data-additional='<%= name %>'><%= titel %></a></li>
     </script>
zurück zum Seitenanfang