Änderungshistorie für Themes in Version 4.2

Diese Seite listet alle Änderungen im Theme-Ordner für das Theme Simple innerhalb der Version 4.2 auf. Nutzt du noch die Version 4.1, so schaue auf der dortigen Seite, ob du alle Änderungen innerhalb der 4.1 nachgezogen hast. Solltest du noch die Version 3 nutzen, so mache erst einmal ein Update auf Version 4. Dabei wird auch der komplette Theme-Ordner ersetzt. Nutzt du bereits Version 4.x und willst auf eine neuere Version 4.y updaten, so kann dir diese Seite helfen.

Die hier angezeigten Änderungen beziehen sich immer auf unser Standardtheme Simple. Hast du hier Änderungen gemacht, so musst du diese ggf. bei den Anpassungen berücksichtigen. Hast du bisher keine Anpassungen am Theme gemacht oder kannst du die relativ einfach selber wieder herstellen, so kannst du einfach den Theme-Ordner ersetzen.

Sind deine Änderungen größer und du möchstest den Theme-Ordner nicht einfach ersetzen, so sind hier alle Änderungen dokumentiert und du musst diese in dein Theme selber einpflegen. Schau dazu nach, welche Version von Admidio du bisher genutzt hast und suche einen Eintrag der dieser Version entspricht oder höher ist. Du musst nun alle dokumentierten Anpassungen ab diesem Eintrag bei dir nachziehen.

  • Folgende Datei muss in den entsprechenden Theme-Ordner ersetzt werden:
    • adm_themes/dein-theme-ordner/templates/sys-template-parts/form.multiline.tpl
  • Füge folgenden Block in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css hinzu:
    .admidio-img-presenter img {
        max-width: 100%;
        height: auto;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 218):
    @media (max-width: 767px)
    {
        .btn-group {
            display: block;
        }

    Ersetze den oben genannten Code durch folgenden:

    @media (max-width: 500px)
    {
        .btn-group {
            display: block;
        }
  • Entferne den folgenden Block in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css (ca. Zeile 150):
    h6, h5 {
        font-weight: bold;
    }
  • Entferne den folgenden Block in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css (ca. Zeile 572):
    .admidio-plugin-content ul {
        padding-left: 15px;
    }
     
    #plugin-latest-documents-files hr {
        margin: 5px 0px;
    }
  • Folgende Datei muss in den entsprechenden Theme-Ordner ersetzt werden:
    • adm_themes/dein-theme-ordner/templates/sys-template-parts/form.multiline.tpl
    • adm_themes/dein-theme-ordner/templates/sys-template-parts/parts/form.part.iconhelp.tpl
  • Entferne den folgenden Block in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css (ca. Zeile 554):
    .admidio-attachment {
        margin-left: 20px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 318):
    .datetime-date-control {
        display: inline;
    }
     
    .datetime-time-control {
        width: 110px !important;
        margin-left: 20px;
    }

    Ersetze den oben genannten Code durch folgenden:

    .datetime-date-control {
        display: inline-block;
    }
     
    .datetime-time-control {
        display: inline-block;
        width: 110px !important;
        margin-left: 20px;
    }
  • Folgende Datei muss in den entsprechenden Theme-Ordner ersetzt werden:
    • adm_themes/dein-theme-ordner/templates/sys-template-parts/form.button.tpl

Bei einem Update von Version 4.2 oder neuer müssen die folgende Dateien im Themeordner angepasst werden.
(falls du nicht überall Änderungen gemacht hast, kannst du auch komplette Ordner einfach ersetzen und z.B. nur den CSS-Ordner manuell anpassen)

  • Fügt den Ordner adm_themes/dein-ausgewähltes-Theme/templates/sys-template-parts in eurem Theme hinzu. Ihr könnt diesen aus dem Simple-Theme von unserem Paket nehmen.
  • Folgender Block muss in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css hinzugefügt werden:
    /***********************************/
    /* page function menu */
    /***********************************/
     
    .admidio-page-nav {
        margin-top: 25px;
    }
     
    .admidio-page-nav .nav-link {
        margin-right: 25px;
        margin-top: 15px;
    }
     
    @media (max-width: 767px) {
        .admidio-page-nav .nav-link {
            width: 150px;
            margin-right: 15px;
        }
    }
     
    .admidio-album-thumbnail {
        margin-bottom: 25px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 150):
    a.btn-primary:hover {
        color: #ffffff !important;
    }

    Ersetze diesen Block mit folgenden Code:

    a.btn-primary, .btn-secondary {
        color: #f7f7f7 !important;
    }
     
    a.btn-primary:hover, .btn-secondary:hover {
        color: #ffffff !important;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 309):
    input[data-provide=datepicker], input[data-provide=datepicker-birthday] {
        width: 200px;
    }

    Ersetze diesen Block mit folgenden Code:

    input[type=date] {
        width: 200px;
    }
     
    input[type=time] {
        width: 100px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 318):
    .datetime-date-control {
        display: inline;
    }
     
    .datetime-time-control {
        width: 100px !important;
        margin-left: 20px;
    }

    Ersetze den oben genannten Code durch folgenden:

    .datetime-date-control {
        display: inline-block;
    }
     
    .datetime-time-control {
        display: inline-block;
        width: 110px !important;
        margin-left: 20px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 50):
    .admidio-content {
        order: 1;
    }

    Ersetze diesen Block mit folgenden Code:

    .admidio-content-col {
        padding: 0px;
    }
     
    .admidio-content {
        order: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css nach folgendem Code (ca. Zeile 120):
    .admidio-page-nav {
        margin-top: 25px;
    }
     
    .admidio-page-nav .nav-link {
        margin-right: 25px;
        margin-top: 15px;
    }
     
    @media (max-width: 767px) {
        .admidio-page-nav .nav-link {
            max-width: 150px;
        }
    }

    Ersetze diesen Block mit folgenden Code:

    .admidio-menu-function-node {
        margin-top: 25px;
    }
     
    .admidio-menu-function-node .nav-link {
        margin-right: 25px;
        margin-top: 15px;
    }
     
    @media (max-width: 767px) {
        .admidio-menu-function-node .nav-link {
            max-width: 150px;
        }
    }
  • Entferne in der Datei adm_themes/dein-ausgewähltes-Theme/css/admidio.css folgendem Code (ca. Zeile 550):
    /***********************************/
    /* Chat module */
    /***********************************/
     
    #chat-area {
        height: 350px;
        overflow: auto;
        border: 1px solid #666;
        padding: 20px;
        background: white;
        max-width: 1000px;
    }
     
    #chat-area span {
        color: #ffffff;
        background: #263340;
        padding: 4px 8px;
        border-radius: 5px;
        margin-right: 10px;
    }
     
    #chat-area time {
        font-size: 75%;
        padding: 4px 0px;
        border-radius: 5px;
        margin-right: 10px;
    }
     
    #chat-area p {
        padding: 10px 0;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 0px;
    }
     
    #sendie_group {
        margin-top: 20px;
    }
  • Suche in der Datei adm_themes/dein-ausgewähltes-Theme/templates/index.tpl nach folgendem Code (ca. Zeile 107):
                <div class="col-12 col-md-3 col-xl-2 admidio-sidebar" id="sidebar">
       <div class="admidio-headline-mobile-menu d-md-none p-2">
          <span class="text-uppercase">{$l10n->get('SYS_MENU')}</span>
          <button class="btn btn-link d-md-none collapsed float-right" type="button" data-toggle="collapse"
             data-target="#admidio-main-menu" aria-controls="admidio-main-menu" aria-expanded="false">
             <i class="fas fa-bars fa-fw"></i>
          </button>
       </div>
       {$menuSidebar}
    </div>
     
    <div class="admidio-content-col col-12 col-md-9 col-xl-10">
    <div class="admidio-content-header">
       <h1 class="admidio-module-headline">{$headline}</h1>
     
           {if $hasPreviousUrl}
              <!-- Add link to previous page -->
              <a id="admidio-back-link" class="" href="{$urlAdmidio}/adm_program/system/back.php"><i class="fas fa-arrow-circle-left fa-fw"></i> {$l10n->get('SYS_BACK')}</a>
           {/if}
    </div>

    Ersetze diesen Block mit folgenden Code:

    <div class="col-12 col-md-3 col-xl-2 admidio-sidebar" id="sidebar">
       <div class="admidio-headline-mobile-menu d-md-none p-2">
          <span class="text-uppercase">{$l10n->get('SYS_MENU')}</span>
          <button class="btn btn-link d-md-none collapsed float-right" type="button" data-toggle="collapse"
             data-target="#admidio-main-menu" aria-controls="admidio-main-menu" aria-expanded="false">
             <i class="fas fa-bars fa-fw"></i>
          </button>
       </div>
       {$menuSidebar->getHtml()}
    </div>
     
    <div class="admidio-content-col col-12 col-md-9 col-xl-10">
    <nav class="admidio-breadcrumb" aria-label="breadcrumb">
       <ol class="breadcrumb">
          {foreach $navigationStack as $navElementArray}
             {if !empty($navElementArray['icon'])}
                {$breadcrumbIcon="<i class=\"admidio-icon-chain fas `$navElementArray['icon']`\"></i>"}
             {else}
                {$breadcrumbIcon=''}
             {/if}
             {if $navElementArray@iteration == $navElementArray@last}
                <li class="breadcrumb-item active">{$breadcrumbIcon}{$navElementArray['text']}</li>
             {else}
                <li class="breadcrumb-item"><a href="{$navElementArray['url']}">{$breadcrumbIcon}{$navElementArray['text']}</a></li>
             {/if}
          {/foreach}
       </ol>
    </nav>
     
    <div id="content" class="admidio-content" role="main">
       <div class="admidio-content-header">
          <h1 class="admidio-module-headline">{$headline}</h1>
            {$menuFunctions->getHtml()}
      </div>
  • de/2.0/aenderungshistorie_fuer_themes_42.txt
  • Last modified: 2023/07/09 20:23
  • by fasse