Abschnittsübersicht

  • Einklappen Ausklappen

    Allgemeines

    Alles einklappen Alles aufklappen
  • Einklappen Ausklappen

    Bisheriger Standard

    Details & Maße
    • Eltern-Element "activitywrapper" (regelt den vertikalen Abstand zwischen mehreren Kursbestandteilen):
      1rem = 16 px
    • Element "iconcontainer" (grauer HG der Icons):
      50 x 50 px
    • Element "activityicon" für Datei-Icons:
      40 x 40 px
    • Element "activityicon" für Moodle-Icons:
      30 x 30 px
    • Dokument1 Datei
    • Dokument2 Datei
    • Dokument3 Datei
    • Dokument4 Datei

    • Huhu

    • Grafik Datei
    • Abstimmung

    • Dies ist ein Textfeld zwischen mehreren Kursbestandteilen.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

      Formatierung als "Absatz". At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    • Test
    • Dokument1 Datei
  • Einklappen Ausklappen

    Vorschlag

    Details & Maße
    • Eltern-Element "activitywrapper" (regelt den vertikalen Abstand zwischen mehreren Kursbestandteilen):
      .5rem = 8 px
    • Element "iconcontainer" (grauer HG der Icons):
      35 x 35 px
    • Element "activityicon" für Datei-Icons:
      25 x 25px
    • Element "activityicon" für Moodle-Icons:
      20 x 20 px
    • Dokument1 Datei
    • Dokument2 Datei
    • Dokument3 Datei
    • Dokument4 Datei

    • Huhu

    • Grafik Datei
    • Abstimmung

    • Dies ist ein Textfeld zwischen mehreren Kursbestandteilen.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

      Formatierung als "Absatz". At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    • Test
    • Dokument1 Datei
  • Einklappen Ausklappen

    Seiteneffekte

    • 1. Beschreibung anzeigen

      Wie verhält sich eine eingeblendete Aktivitätsbeschreibung zu den vertikalen Abständen?

    • Dokument1) mit Beschreibung Datei

      Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.

    • Nächstes Dokument unter der Beschreibung des vorherigen Datei
    • 2. Details anzeigen

      Gibt es Seiteneffekte bei der Anzeige von Dateidetails?

    • Dokument1 mit Details Datei
      20.0 KB
    • Dokument2 mit Details Datei
      Hochgeladen 11.04.2024 13:23
    • 3. Einrückung und Abstand links

      Anpassungen für Einrückungen notwendig? Einrückung sollte der Breite des activityiconcontainers entsprechen:

    • Dokument1 Datei
    • Dokument1 (eingerückt) Datei
    • 4. Badges für Sichtbarkeit

      Werden die "Verborgen"- und "Verborgen, aber verfügbar"-Badges richtig angezeigt?
      Für Gäste natürlich nicht sichtbar 😉

    • 5. Badges für Voraussetzungen
    • Befragung (Kopie) ARS

      Eine Test Befragung.

    • Dokument1 (mit mehreren Voraussetzungen) Datei
    • Dokument1 (mit einer Voraussetzung) Datei
      Verfügbar ab 11. April 2045
    • Folgedokument Datei
  • Einklappen Ausklappen

    Gößenvergleich

    Standard: 50x50px
    Vorschlag: 35x35px
    Kleiner: 30x30px
    Noch kleiner: 25x25px
    Winzig: 20x20px
  • Einklappen Ausklappen

    CSS 

    //CSS nur für diesen Kurs (class .course-2857( und diesen Abschnitt (id #section-2):

    //Abstand zwischen Kursbestandteilen
    .activity-wrapper
        {margin-bottom: .5rem;}

    //Container für Icon
    .activityiconcontainer
        {width: 35x;height: 35x;}

    //Icon für Dateien
    .modtype_resource .activityiconcontainer .activityicon
        {width: 25px;height: 25px}

    //Icon für Moodle-Werkzeuge
    activityiconcontainer .activityicon
        {width: 20px;height: 20px;}

    //Abstand von Textfeldern
    .activity + .activity.label
        {margin-top: 1.5rem;}

    //Einrückungen an Iconbreite anpassen
    .activity.indented .activity-item
        {margin-left: 35px;}