Horizontale Linien zwischen Aktivitäten

Horizontale Linien zwischen Aktivitäten

von Dieter Nakent -
Anzahl Antworten: 5

Hallo liebes Moode-Forum

Wir haben vor kurzem auf Moodle 3.11.3+ upgedatet.
Seitdem sind in den Kursen zwischen den einzelnen Aktivitäten horizontale Linien eingeblendet. Diese Linien verhindern nun eine kompakte Darstellungsweise in den Kursen.
Bisher gruppierte ich die Aktivitäten, indem ich zwischen Aktivitätsgruppen ein Textfeld mit einer horizontalen Linie legte. Das ermöglichte eben eine kompakte Darstellungsweise, in der durch selbst eingefügte horizontale Linien Ordnung herrschte. Nun sind zwischen allen Aktivitäten Linien, was ein Gruppieren unmöglich macht. Die Übersichtlichkeit leidet dadurch sehr.
Auch sind die Kurse nun ganz schön in die Länge gezogen.

Gibt es eine Möglichkeit diese horizontalen Linien auszuschalten?

Das Problem wird noch verschärft, da mit dem Update auch eine neue Abschlussverfolgung eingeführt wurde. Statt der platzsparenden Kästchen mit/ohne Haken am rechten Rand der Aktivitäten wird nun ein doch recht großes ToDo-Feld unter der Aktivität eingeblendet.

Gibt es hier eine Möglichkeit die Kästchen wieder zurückzubekommen, oder das ToDo-Feld nach rechts zu bekommen?

Beide Neuerungen stören in meinen kleinen Kursen mit 10-15 Aktivitäten überhaupt nicht, aber in meinen umfangreichen Kursen ist es schon ein ordentliches Übersichtsproblem.

Ich verwende die Designs Classic und Boost (Problem besteht in beiden Designs)

Danke im Voraus und liebe Grüße

Dieter


Mittelwert: Nützlich (1)
Als Antwort auf Dieter Nakent

Re: Horizontale Linien zwischen Aktivitäten

von Dag Klimas -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer Nutzerbild von Translators

Hallo Dieter,

als Impuls hier der Link zu einem YouTube-Video von mir: https://www.youtube.com/watch?v=tmRiLRBBX5I

Und hier auf die Schnelle der CSS-Code für theme_boost | scss - vielleicht reicht dir das ja schon:

/* Manuelle Aktivitätsabschlüsse anpassen   */
button.btn.btn-outline-success {
    font-size: 14px;
    background-color: #357a32;
    color: white;
    border-radius: 0.25rem !important;
    padding: .25em .4em;
    line-height: 1 !important;
    font-weight: bolder;
}

button.btn.btn-outline-success:hover {
    background-color: transparent;
    color: #6c757d;
    border-color: #6c757d;
}

activity-information, button.btn.btn-outline-secondary {
    font-size: 14px;
    border-radius: 0.25rem !important;
    padding: .25em .4em;
    line-height: 1 !important;
    border-color: #6c757d;
    color: #6c757d;
}

Viel Erfolg

Dag

Mittelwert: Nützlich (1)
Als Antwort auf Dag Klimas

Re: Horizontale Linien zwischen Aktivitäten

von Dieter Nakent -
Hallo Dag

Danke für Deinen superschnellen Support.

Ich habe Deinen CSS-Code eingefügt, was die Schaltflächen der Abschlussverfolgung gefälliger machte. Die Linien wurden aber erst durch Hinzfügen von

/* Abstände vor und nach Aktivitäten */
.section li.activity.hasinfo {
border-bottom: 1px;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}

aus Deinem von Dir verlinkten Video beseitigt.

An der Stelle nochmals vielen Dank für Deine wertvollen Videos, die inzwischen schon eine stolze Anzahl meiner moodle-Probleme gelöst haben.

Ist es prinzipiell möglich die Abschlussverfolgung auf die rechte Seite zu verbannen (dort wo früher die Checkbox der Abschlussverfolgung war)?
Oder ist das mit CSS nicht möglich? Ich fand die alte Position sehr zweckmäßig.

Schöne Große

Dieter
Mittelwert: Nützlich (1)
Als Antwort auf Dieter Nakent

Re: Horizontale Linien zwischen Aktivitäten

von Matthias Giger -
Nutzerbild von Besonders aktive Moodler

Die Angaben zum Abschluss kann man mit folgenden CSS-Befehlen verschieben.

.actions {height:3em;padding-top:1.5em;}
.activity-information {top:-2.75em;margin-left:70%;text-align:end;}

Die erste Zeile verschiebt den "Bearbeiten-Link" etwas nach unten.
Die zweite Zeile schiebt die Angabe zum Abschluss ganz nach rechts und eine Zeile nach oben.

Damit bekommt man als Kursersteller folgende Aussehen:

Aussehen im Editiermodus

Respektive als Kursteilnehmer:

Aussehen im Ansichtsmodus

Das kann man sicher noch verfeinern.

Mittelwert: Nützlich (1)
Als Antwort auf Matthias Giger

Re: Horizontale Linien zwischen Aktivitäten

von Dieter Nakent -
Danke schön.

Diese Optik geht schon in die Richtung, die ich mir vorstelle. Ich habe die CSS bereits eingepflegt und es sieht sehr gut aus.

Was mich im Moment noch stört, ist die Leerzeile nach der Aktivität, wo ja zuvor die Abschlussverfolgung war. Wenn ich eine Aktivität habe, die ohne Abschlussverfolgung versehen ist, dann gibt es diese Leerzeile nicht. Und dieser Unterschied zwischen Aktivität mit und Aktivität ohne Abschlussverfolgung sieht ein wenig seltsam aus.

Vielleicht weiß hier auch jemand Rat?

Schöne Grüße
Dieter
Mittelwert:  -
Als Antwort auf Dieter Nakent

Re: Horizontale Linien zwischen Aktivitäten

von Andreas Grabs -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Entwickler

Hallo Dieter,

versuche es mal mit diesem CSS:

.activity-information {
    float: right;
}
.editing .activity-information {
    margin-top:25px;
}

Viele Grüße
Andreas

Mittelwert: Nützlich (1)