- Add @capacitor/status-bar dependency for safe area detection
- Implement SafeAreaPlugin for Android with proper inset calculation
- Create safeAreaInset.js utility for CSS custom property injection
- Update Android manifest and build configuration for plugin
- Integrate safe area handling across Vue components and views
- Update iOS Podfile and Android gradle configurations
- Add commitlint and husky for commit message validation
Technical changes:
- SafeAreaPlugin uses WindowInsets API for Android R+ devices
- Fallback detection for navigation bar and gesture bar heights
- CSS custom properties: --safe-area-inset-{top,bottom,left,right}
- Platform-specific detection (Android WebView only)
- StatusBar plugin integration for top inset calculation
31 lines
1.4 KiB
XML
31 lines
1.4 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<resources>
|
|
|
|
<!-- Base application theme. -->
|
|
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
|
|
<!-- Customize your theme here. -->
|
|
<item name="colorPrimary">@color/colorPrimary</item>
|
|
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
|
|
<item name="colorAccent">@color/colorAccent</item>
|
|
</style>
|
|
|
|
<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
|
|
<item name="windowActionBar">false</item>
|
|
<item name="windowNoTitle">true</item>
|
|
<item name="android:background">@null</item>
|
|
</style>
|
|
|
|
|
|
<style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
|
|
<item name="android:background">@drawable/splash</item>
|
|
<item name="android:windowTranslucentStatus">false</item>
|
|
<item name="android:windowTranslucentNavigation">false</item>
|
|
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
|
|
<item name="android:statusBarColor">@android:color/transparent</item>
|
|
<item name="android:navigationBarColor">@android:color/transparent</item>
|
|
<item name="android:windowLightStatusBar">true</item>
|
|
<item name="android:windowLightNavigationBar">true</item>
|
|
<item name="android:enforceStatusBarContrast">false</item>
|
|
<item name="android:enforceNavigationBarContrast">false</item>
|
|
</style>
|
|
</resources> |