====== Ecran LoGeAs et limitation par rapport au taille d'écran ======
===== Définition des types d'interfaces =====
L'interface utilise une technologie intelligente (Angular CDK) pour s'adapter à la taille de votre écran. C'est ce qu'on appelle le "Responsive Design". 
==== Comment l'affichage s'ajuste-t-il ? ====
Le logiciel détecte la largeur disponible dans votre navigateur (mesurée en pixels) et bascule automatiquement entre plusieurs modes d'affichage.
^ Catégorie ^ Plage de largeur ^ Appareils / Contextes types ^Informations^
| **XSmall** | < 600px | Mobiles (Portrait) |**LoGeAs ne fonctionne pas sur ce type de périphérique**|
| **Small** | 600px - 959px | Mobiles (Paysage) / Tablettes |Fonctionnement limité à l'annuaire|
| **Medium** | 960px - 1279px | Tablettes (Paysage) / Petits ordinateurs portables ||
| **Large** | 1280px - 1919px | Écrans PC Standards (Recommandé) ||
| **XLarge** | >= 1920px | Écrans Haute Définition / Stations de travail ||
==== L'impact du Zoom Navigateur (CTRL + / -) ====
Un point important à comprendre : **Le zoom de votre navigateur modifie la largeur disponible.**
* Si vous zoomez à **200%** sur un écran standard, le navigateur se comportera comme s'il était sur une **Tablette (Small)**.
* **Conséquence** : Certaines colonnes de vos tableaux DevExtreme peuvent se masquer automatiquement pour laisser place aux informations prioritaires. 
> **Astuce Sécurité & Confort** : Si vous ne voyez plus un bouton ou une colonne spécifique, vérifiez d'abord votre niveau de zoom (généralement visible dans la barre d'adresse de votre navigateur). Appuyez sur **CTRL + 0** pour revenir à l'affichage standard (100%).
==== Comportement des composants DevExtreme selon la taille ====
* **En mode Small/XSmall** : Les menus latéraux se réduisent souvent en icônes ou en "menu sandwich" (trois barres horizontales).
* **En mode Large/XLarge** : Les tableaux affichent l'intégralité des colonnes et permettent une manipulation plus aisée des données (glisser-déposer).
===== Ecran/Fonctionnalité / type d'interface =====
^Ecran / Fonction^Mode "XSmall"^Modde "Small"^Mode "Medium"^Mode "Large"^Mode "xLarge"^
|Dans le bandeau (header)\\ * Choix des couleurs (feuille de style)\\ * Informations version\\ * Nom "long" de la base en cours|Interface non accessible|Non disponible|OK|OK|OK|
|Dans le bandeau (header)\\ * Icone de changement de base |Interface non accessible|OK|Click sur le nom long de la base|||
|Table de bord|Interface non accessible|Menu non accéssible|Menu non accéssible|OK|OK|
|Annuaire|Interface non accessible|OK|OK (mais non optimisé pour ces formats)|||