Human Interface
Guidelines
Gemeinsame Stilrichtung
linkui soll die Produkte der opta data Gruppe durch eine gemeinsame Stilrichtung optisch miteinander verbinden und die Bedienbarkeit über die Produkte hinweg vereinfachen. Es hilft dem Benutzer durch ein einheitliches Look and Feel wiederkehrender Elemente beim Benutzen der Software. link UI ist somit nicht vorrangig kosmetischer Natur, sondern macht die Produkte der Unternehmensgruppe intuitiver.
Changelog
Sieh dir die letzten Änderungen an
linkui 2.0.0 Release! |
23.01.2020 | Das Buildsystem wurde auf Webpack umgestellt. |
| Neues Multistep Formular | 19.06.2019 | Formulare können in Sektionen unterteilt werden |
Bootstrap 4.3.1 Release UPDATE! |
15.04.2019 | Die implementierte Bootstrap 4.1.x Version wurde gegen die Bootstrap v4.3.1 ersetzt. Popper.js muss auf die Release Version 1.14.7 gesetzt werden. |
| Doku Icons | 12.12.2018 | Icon Bereiche in Doku zu einer Seite zusammengefasst, Icons Kategorisiert und Suchfunktion implementiert. |
| Forms bugfix x-padding | 26.10.2018 | Einheitlicher Innenabstands von forms und select auf 16px |
| Neue Menü Komponenten Neu | 25.10.2018 | Neue Seite Menü, mit neuen Komponenten hinzugefügt |
| Avatar Initialen | 24.10.2018 | Font-weight von 300 auf 400 angepasst. |
| Input Größen | 24.10.2018 | Neue Input Größen (lg,sm) implementiert. |
| Range-Slider Fix | 24.10.2018 | Range-Slider Fix für Darstellungsprobleme mit WebKit iplementiert. |
| Checkbox und Radio's neue Optik | 24.10.2018 | Vollflächiger Hintergrund wurde gegen Outline ersetzt, da es zu Kontrastproblemen auf bestimmten Hintergründen kommen konnte. |
Bootstrap 4.1.3 Release UPDATE! |
24.10.2018 | Die implementierte Bootstrap 4.1.1 Version wurde gegen die Bootstrap v4.1.3 ersetzt. |
| Änderung Signalfarbe (Hinweis / Achtung) | 30.09.2018 | Für bessere lesbarkeit wurde der Farbwert auf auf: #F5A400 angepasst |
| Alert Modals Neu | 30.08.2018 | Beispiel |
| Chips | Neue Komponente Neu | 07.08.2018 | Chips Beispiel (Weitere Beschreibungen in der Doku folgen) |
| Accordion Update | 06.08.2018 | Update und Bugfix Accordion + Neue Variante (Light) |
| Tabellen | 03.08.2018 | Erhalten einen umschließenden Rahmen zur abgrenzung (1px Grau200) |
| Dropdowns | Update | 26.07.2018 | Neuer Positionierungen möglich und Doku Markup Fix |
| Range Slider | 05.07.2018 | Neuer Range Slider auf Basis von Bootstrap 4.1.1 |
Bootstrap 4.1.1 Release UPDATE! |
05.07.2018 | Die implementierte Bootstrap 4.0.0 Version wurde gegen die Bootstrap v4.1.1 ersetzt. Die Popper.js muss ebenfalls auf die Release Version 1.14.3 geupdatet werden. |
| Hover Background Sidebar, Dropdowns | 05.07.2018 | Wurde auf Grau 200 ($gray-200) geändert. Sidebar Link-Aktive Background Grau 100 ($gray-100) |
| Datepicker Develop-Version | 04.07.2018 | Angepasstes Datepicker Plugin zur Ansicht im Develop Status. Datepicker Vorschau |
| Update Hauptnavigation | 29.06.2018 | Angepasstes Benutzerbild/Avatar. Es wird empfohlen das Avatar in bestehende Navigationen anzupassen. Die alter Variante ist weiterhin funktionsfähig wir aber nicht mehr weiterentwickelt. Die neue Struktur ist unter Navigation und Suche unter Markup einzusehen. |
| Update Benutzerbilder | 29.06.2018 | Hinzufügen von Avataren mit Initialen inkl. Farbpalette. Erweiterung der Benutzerbilder mit Klassen zur einheitlichen Skalierung. Detailliertere Dokumentation mit Beispielen |
| Icon Favorit | 29.06.2018 | Favoriten Icon hinzugefügt |
| Badges Update | 28.06.2018 | Schriftgröße von 75% auf 90% des Elternelements angehoben. Neue abgerundete Badge Variante |
| Menü Baumstruktur | 25.06.2018 | Neues Menü "Baumstruktur" unter Dropdowns |
| Tabellen Update | 07.03.2018 | Bugfixes + Table small + Table hover und Ereigniss Klassen. Doku überarbeitet |
| Hero Header | 07.03.2018 | Überschriften werden automatisch getrimmt, falls Breite nicht ausreichend ist. |
| Benutzerbilder Doku | 21.02.2018 | Doku im Bereich Design erweitert Benutzerbilder |
| Button Doku | 20.02.2018 | Doku erweitert und Block-Buttons hinzugfügt. |
| Hauptelement hinzugefügt | 19.02.2018 | Hero Header aufgenommen. |
| Icon hinzugefügt | 15.02.2018 | Icon hinzugefügt Status Sichtbarkeit |
| Build Release GitLab - linkui seed | 06.02.2018 | Dokumentierter Build Prozess zum Porjektstart |
| Release GitLab linkui v.1.0.0 | 06.02.2018 | Offizieler Relase auf GitLab |
| Icon Buttons | 30.01.2018 | Neue Icon Buttons für klassische Systeminteraktionen. |
| Icon Management | 30.01.2018 | Ab sofort können System-Icons vectorbasiert über Klassen eingebunden werden. Pfad und eigene Icons könne einfach über die template.scss angepasst und ergänzt werden. |
| Tooltips | 26.01.2018 | Hintergrundfarbe von hell auf dunkel angepasst |
| Neues Template Neu | 26.01.2018 | Beispielhaftes Profil Template |
| Content Slider Neu | 26.01.2018 | Neue Komponente hinzugefügt. |
| Neues Template Neu | 25.01.2018 | Tabellen in Kombination mit verschiedenen Komponenten. |
| Buttons | 25.01.2018 | Beim Button .btn-link wurde bei "hover" der box-shadow entfernt. |
| Toogle switch Neu | 24.01.2018 | Der Formular Komponente wurde ein Toogle Switch Button hinzugefügt. |
| Tabellen Bugfix | 23.01.2018 | Anhand der DOM Struktur gibt es Änderungen die über das "Bootstrap 4 Stable" Update aufgetreten sind. Die Klasse ".table-respoinsive" wird nun an anderer Stelle verwendet. |
| Formulare Bugifx + Erweiterungen | 23.01.2018 | Fixes durch das Update "Bootstrap 4 Stable" im Bereich der Checkboxen und Radio Buttons. Upload Input gegen Boostrap interes ersetzt. Weitere Formulare und Beispiele ergänzt. |
| Notifications Neu | 23.01.2018 | Neue Komponente hinzugefügt. Basierend auf dem Plugin "toastr" |
Bootstrap 4 Stable Release UPDATE! |
23.01.2018 | Die implementierte Bootstrap Beta Version wurde gegen die aktuelle STABLE Bootstrap v4.0.0 ersetzt. |
| Neues Template | 19.01.2018 | Admin Dashboard Example |
| Typo | 19.01.2018 | Display Headlines hinzugefügt |
| Neues Template | 18.01.2018 | Login Seite |
| Neues Template | 17.01.2018 | Card Dashboard - 3 Spaltig |
| Sidebar Menü | 17.01.2018 | Aktive Link durch Border gekennzeichnet |
| Design & Code zusammengefasst | 17.01.2018 | Design & Markup Tab Navigation |
| Globale Suche | 21.12.2017 | Bedienkonzept erstellt |
| Sidebar | 22.12.2017 | Dokumentation |
| Loader | 22.12.2017 | Bedienkonzept erstellt |