Office 365 Section Background ist da, aber noch nicht für Custom WebParts
Microsoft hat in den letzen Tagen die neuen Featues für die Modern Pages ausgerollt. Es gibt jetzt das Megamenü und den Section Background und vielen mehr (Blogbeitrag).
Wer aktuell neue WebParts nutzt oder eigene SPFx WebParts erstellt wird bemerken, dass der Rollout noch nicht ganz geglückt ist. Einige haben jetzt speziell beim Thema Section Background einen weißen Hintergrund.
Es wurde leider vergessen den Section Background für einige WebParts transparent zu machen, damit der eingestellte Hintergrund genutzt wird (siehe dazu hier)
Das ist in SPFx WebParts etwas ärgerlich. Auf diese Einstellung hat man theoretische keinen Einfluss.
Lösung (Hotfix)
Im Quellcode lässt sich das Problem ermittelt. Es liegt am DIV mit der Klasse „ControlZoneEmphasisBackground root-64″. Background-color ist für root-64 auf die Farbe Weiß eingestellt (siehe Abbildung). Die Klasse Root-64 ändert sich ständig und ist für die Anpassung keine Hilfe.
Die Klasse ContolZoneEmphasisBackground kann uns für den HotFix helfen.
Wer jetzt ein SPFx WebPart erstellt hat, kann in seine CSS Datei (*.scss) folgendes ergänzen, um Übergangsweise das Problem zu lösen.
Update am 09.09.2019 –> Es wurden die Klassen mal wieder umbenannt –> also ab jetzt neues CSS die Klasse nennt sich jetzt “ ControlZone–emphasisBackground „
[class^="ControlZoneEmphasisBackground"]{
background-color: rgba(0, 0, 0, 0) !important;
}
//Update am 09.09.2019
[class^="ControlZone--emph"]{
background-color: rgba(0, 0, 0, 0) !important;
}
Werbung in eigener Sache: WebParts für Office –> Products by HB Munich
