UI - Upgrade Bootstrap - Githubissues

hyperion-project / hyperion.ng

The successor to Hyperion aka Hyperion Next Generation

https://hyperion-project.org/

MIT License

3.02k stars 375 forks source link

UI - Upgrade Bootstrap #1055

Open Lord-Grey opened 3 years ago

Lord-Grey commented 3 years ago

Feature request

Upgrade from Bootstrap 3.3 to latest Bootstrap 4.x or 5

What problem does this feature solve?

Make new capabilities out of standard bootstrap library available. Retire Bootstrap 3 additional libraries and workarounds.

What does the proposed API look like?

N/A

How should this be implemented in your opinion?

N/A

Are you willing to work on this yourself?

ChR-iSz commented 3 years ago

Hi Lord,

Kompiliert mit Bootstrap 4.0.0 und jQuery 3.5.1. Mal sehen, wie groß der Aufwand wird... Wahrscheinlich macht es Sinn gleich auf Bootstrap 5 zu gehen...

tpmodding commented 3 years ago

Bootstrap 5 wäre noch besser, dann wären wir richtig up2date! :-)

Lord-Grey commented 3 years ago

Hi @ChR-iSz es ist ja super, dass Du Dich der Aktualisierung der Web-Libraries annimmst! Bootstrap 5 ist ja schon im Beta Stadium. Wenn es nicht Jahre zur offiziellen Verfügbarkeit dauert, bin ich klar dafür zur letzten Version zu migrieren.

Ich versuche gerade auf den jsoneditor-2-5.1 zu migrieren, da es dort neue Möglichkeiten gibt, um die LED-Configs schöner/dynamischer zu gestalten. Nur falls Du dort auch vorbeikommst oder weitere Verbesserungsvorschläge hast.....

Es ist aktuell nur ein Dump einer PoC Umgebung: https://github.com/Lord-Grey/hyperion.ng/tree/EditorTest

ChR-iSz commented 3 years ago

Hallo @Lord-Grey,

ich werd mir das über die Weihnachtstage mal ansehen, und mich mal detaillierter in dem Code einlesen. Finde das Projekt Hyperion NextGeneration sehr interessant, auch weil ich es selber zu Hause sehr gerne nutze.

Ich denke auch, Bootstrap 5 macht mehr Sinn (trotz BETA State). Das Sidebar Nav Menü müsste eh angepasst werden, da es ab Bootstrap 4 schon zu Änderungen gekommen ist. Ich zieh mal einen Fork, und passe das ganze mal an. Die restlichen includes muss man dann mal sehen, was da noch auf einen zu kommt.

VG Christian

ChR-iSz commented 3 years ago

Generell bekommt man das schon relativ zügig umgestellt. Allerdings bin ich mit manchen bisherigen Anordnungen und 'Panel's' nicht ganz zufrieden, wie das umgesetzt wurde. Aber jeder hat natürlich andere Vorstellungen.

Dazu muss ich sagen, das ich eher der strukturierte "Klassiker" Typ bin. Ich würde Page-Title, Page SubTitle, und dann folgend die Panels mit dem Content anzeigen. Aber ich weiß nicht, in wie fern das geändert werden darf.

Generell würde es in die richtige Richtung gehen, wobei der Aufwand doch eher größer ist. Anderseits halten sich die Seitenanzahl derzeit noch in Grenzen. Anbei mal ein Screen nach ca. 30 Minuten Arbeit... Fehlen noch icons, gleiche höhe der Panels, Farbanpassungen, etc. Es wirkt ein bisschen "fresh'er" finde ich...