Angular Portal- und Overlay-Rendering | ng-hub-ui-portal

Angular Portal-Bibliothek zum dynamischen Rendern von Komponenten, Templates und Overlays außerhalb des aktuellen DOM-Baums mit Positionierungssteuerung.

Stile

CSS-Variablen

Gestalte jedes Pixel mit 15 CSS-Variablen. Überschreibe sie auf :root oder begrenze sie auf einen Wrapper.

Portal-Basisvariablen

Kern-Styling-Variablen für die Portal-Struktur und -Positionierung

VariableStandardTypBeschreibung
--portal-zindex1050number Z-Index des Portal-Overlays
--portal-padding1remlength Standard-Padding für den Portal-Inhalt
--portal-margin0.5remlength Margin um den Portal-Dialog

Portal-Erscheinungsbild

Variablen, die Portal-Farben, -Rahmen und visuelle Effekte steuern

VariableStandardTypBeschreibung
--portal-bg#ffffffcolor Hintergrundfarbe des Portal-Inhalts
--portal-color#212529color Textfarbe des Portal-Inhalts
--portal-border-color#dee2e6color Rahmenfarbe des Portals
--portal-border-width1pxborder Rahmenbreite des Portals
--portal-border-radius0.375remborder Eckenradius der Portal-Ecken
--portal-box-shadow0 0.5rem 1rem rgba(0, 0, 0, 0.15)shadow Schlagschatten für die Portal-Erhebung

Portal-Kopf- & Fußzeile

Styling-Variablen für die Header- und Footer-Abschnitte des Portals

VariableStandardTypBeschreibung
--portal-header-padding1remlength Padding des Portal-Headers
--portal-header-border-color#dee2e6color Rahmenfarbe des Portal-Headers
--portal-footer-padding1remlength Padding des Portal-Footers
--portal-footer-border-color#dee2e6color Rahmenfarbe des Portal-Footers

Hintergrund & Overlay

Variablen, die das Erscheinungsbild und Verhalten des Backdrops steuern

VariableStandardTypBeschreibung
--portal-backdrop-bgrgba(0, 0, 0, 0.5)color Hintergrundfarbe für das Portal-Backdrop
--portal-backdrop-zindex1040number Z-Index des Backdrops (muss niedriger als der Z-Index des Portals sein)