Seite 1 von 1
[3.3] Radial Progressbar
Verfasst: 13.01.2024 20:11
von IMC
Name der Extension: Radial Progressbar
Autor: IMC
Version: 1.0.2 / 21.02.2024
Beschreibung der Extension:
Die Erweiterung ändert die lineare Fortschrittsanzeige in der Statusanzeige beim Hochladen von Dateien in eine radiale Anzeige. Die GIF Bilder in der Statuszeile werden mit SVG Grafiken ersetzt.
Screenshots:
-
Beitrag - Dateien hinzufügen
Voraussetzungen:
- phpBB >= 3.3.0
Download: https://github.com/IMC-GER/phpBB-Radial ... r/releases
Changelog:
- v1.0.2 - 21.02.2024
- Kleine Codeänderungen
- v1.0.1 - 21.01.2024
- Konflikt mit anderen SVG-Grafiken behoben
- CSS-Datei überarbeitet
- v1.0.0 - Erste Bekanntmachung 13.01.2024
Re: [3.3] Radial Progressbar
Verfasst: 20.01.2024 15:00
von hackepeter13
In der
radial_progressbar.css würde ich
ändern.
Wenn man einen Style verwendet in dem svg-Grafiken vorkommen, werden diese in der posting-Ansicht um 270 Grad gedreht.
Ich habe das geändert in:
Code: Alles auswählen
.svg.radial-progress>svg {
transform: rotate(270deg);
}
Damit wirklich nur die eine svg nach radial-progress angesprochen wird (da diese keine eigene css-Klasse hat).
Alternativ könnte man auch in der
radial_progressbar.js in Zeile 24
<svg height="24px" width="24px" xmlns="http://www.w3.org/2000/svg">
eine css-Klasse hinzufügen und das entsprechend in der css-Datei anpassen.
Re: [3.3] Radial Progressbar
Verfasst: 20.01.2024 15:49
von IMC
Danke für die Fehlermeldung.
Leider habe ich den Fehler erst gestern durch meinen Bildbetrachter erkannt und bereits beseitigt. Das neue Release gibt es spätestes morgen Früh.
Re: [3.3] Radial Progressbar
Verfasst: 21.01.2024 10:17
von IMC
Die Version v1.0.1 ist online verfügbar.
Der von hackepeter13 gemeldete Fehler wurde beseitigt.
@hackepeter13
Danke für das Testen der Erweiterung und melden des Fehlers.
Der Screenshot im Startbeitrag wurde geändert um den Vorteile der radialen Prozessbar hervorzuheben.
Auch wurde die SVG-Grafik und das CSS angepasst um die Grafikgröße leichter an den eignen Style anzupassen.
Es gibt jetzt einen zentralen Eintrag in der CSS-Datei um die Größe der Grafiken anzupassen. Dort muss lediglich die Höhe und die Breite für den eigenen Style angepasst werden.
Code: Alles auswählen
.imcger-radial-progress > svg, .file-status {
vertical-align: middle;
height: 20px;
width: 20px;
}
Re: [3.3] Radial Progressbar
Verfasst: 29.01.2024 19:57
von LukeWCS
Servus Thorsten
Auch wenn das CSS jetzt gezielt adressiert wird, wäre eine zusätzliche Variante den Geltungsbereich von CSS und JS über das HTML Event weiter einzuschränken.
overall_header_head_append
wird überall im Foren-Frontend ausgeführt und das ist hier eigentlich nicht notwendig. Das ist so a bisserl die Schrotflinten-Lösung.
posting_editor_message_after
wird dagegen gezielt im Editor ausgeführt und das greift dann sowohl im Foren-Frontend als auch in den PNs. Wenn du deinen CSS und JS Lade-Trigger darin platzierst anstelle im momentanen Event, hättest du eine präzise und lokal begrenzte Ausführung deiner beiden INLCUDEs:
Code: Alles auswählen
{% if S_PLUPLOAD %}
{% INCLUDECSS '@imcger_radialprogbar/radial_progressbar.css' %}
{% INCLUDEJS '@imcger_radialprogbar/radial_progressbar.js' %}
{% endif %}
Re: [3.3] Radial Progressbar
Verfasst: 29.01.2024 20:44
von IMC
Hi Patrick,
danke für den Tipp.
Diesen werde ich beim nächsten Update berücksichtigen.
Re: [3.3] Radial Progressbar
Verfasst: 21.02.2024 20:18
von IMC