feat(css-classes): add system appearance CSS class to modal root view

This commit is contained in:
Vasil Chimev
2019-10-23 22:47:53 +03:00
parent 390fcb0285
commit 4c0d76802a
9 changed files with 75 additions and 23 deletions

View File

@@ -41,7 +41,13 @@ import {
UnhandledErrorEventData
} from "./application";
import { CLASS_PREFIX, pushToRootViewCssClasses, removeFromRootViewCssClasses } from "../css/system-classes";
import {
CLASS_PREFIX,
pushToRootViewCssClasses,
removeFromModalRootViewCssClasses,
removeFromRootViewCssClasses,
pushToModalRootViewCssClasses
} from "../css/system-classes";
import { DeviceOrientation, SystemAppearance } from "../ui/enums/enums";
export { UnhandledErrorEventData, DiscardedErrorEventData, CssChangedEventData, LoadAppCSSEventData };
@@ -133,11 +139,13 @@ export function loadAppCss(): void {
}
function applyCssClass(rootView: View, cssClass: string) {
pushToModalRootViewCssClasses(cssClass);
pushToRootViewCssClasses(cssClass);
rootView.cssClasses.add(cssClass);
}
function removeCssClass(rootView: View, cssClass: string) {
removeFromModalRootViewCssClasses(cssClass);
removeFromRootViewCssClasses(cssClass);
rootView.cssClasses.delete(cssClass);
}

View File

@@ -22,6 +22,7 @@ import { Builder } from "../ui/builder";
import {
CLASS_PREFIX,
getRootViewCssClasses,
pushToModalRootViewCssClasses,
pushToRootViewCssClasses
} from "../css/system-classes";
@@ -496,6 +497,7 @@ function setRootViewCssClasses(rootView: View): void {
function setRootViewSystemAppearanceCssClass(rootView: View): void {
if (majorVersion >= 13) {
const systemAppearanceCssClass = `${CLASS_PREFIX}${iosApp.systemAppearance}`;
pushToModalRootViewCssClasses(systemAppearanceCssClass);
pushToRootViewCssClasses(systemAppearanceCssClass);
rootView.cssClasses.add(systemAppearanceCssClass);
}