63 lines
1.7 KiB
CSS
63 lines
1.7 KiB
CSS
/*
|
|
* Capacitor Optimized CSS
|
|
* Version: 2024.08.26.02
|
|
* Optimisations spécifiques pour les applications Capacitor
|
|
*/
|
|
|
|
.capacitor-app {
|
|
/* Empêche le débordement horizontal */
|
|
overflow-x: hidden;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: fixed;
|
|
}
|
|
|
|
/* Correction du flou des textes pour Capacitor */
|
|
.capacitor-app * {
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale !important;
|
|
text-rendering: optimizeLegibility !important;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
/* Safe area insets pour iPhone X et modèles récents */
|
|
.capacitor-app .header {
|
|
padding-top: calc(10px + env(safe-area-inset-top)) !important;
|
|
padding-left: calc(15px + env(safe-area-inset-left)) !important;
|
|
padding-right: calc(15px + env(safe-area-inset-right)) !important;
|
|
}
|
|
|
|
/* Correction des inputs iOS dans Capacitor */
|
|
.capacitor-app input,
|
|
.capacitor-app select,
|
|
.capacitor-app textarea {
|
|
font-size: 16px !important;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
/* Optimisations tactiles */
|
|
.capacitor-app .btn:active,
|
|
.capacitor-app [role="button"]:active {
|
|
transform: scale(0.97) !important;
|
|
}
|
|
|
|
/* Correction hauteur viewport */
|
|
.capacitor-app body {
|
|
height: 100vh !important;
|
|
overflow: hidden !important;
|
|
position: fixed !important;
|
|
width: 100vw !important;
|
|
}
|
|
|
|
/* Corrections pour les erreurs 404 */
|
|
.capacitor-app .sr-only {
|
|
position: absolute !important;
|
|
width: 1px !important;
|
|
height: 1px !important;
|
|
padding: 0 !important;
|
|
margin: -1px !important;
|
|
overflow: hidden !important;
|
|
clip: rect(0, 0, 0, 0) !important;
|
|
white-space: nowrap !important;
|
|
border: 0 !important;
|
|
} |