/* ========================================================================== gdv-app.css - L'Esprit du Vin La seule feuille de l'application, posee APRES dist/isl-ui.css et APRES le theme. Elle ne contient pas une couleur litterale : tout passe par les jetons --isl-*, et c'est ce qui permet a l'ecran de reglage de reteindre l'application entiere sans toucher une regle. Deux moities, et il faut savoir dans laquelle on ecrit : 1. LA COQUE (.gdv-*) - barre laterale, barre du haut, palette, pied. Elle est neuve : rien de l'ancien habillage n'y survit. 2. LA REPRISE DU BALISAGE EXISTANT - les quatre-vingt-dix-huit modules ecrivent encore , .gu-btn, .type2... On ne les reecrit pas tous le meme jour ; on redit ce que ces balises veulent dire, en jetons. Un ecran repris en isl_table() et un ecran encore en

, et celui-ci vit dans une cellule du formulaire. Il porte donc son plafond lui-meme. */ body.gdv .gdv-chps-empile > tbody > tr > td > table, body.gdv .gdv-chps-empile > tbody > tr > td > div > table { max-width: 100%; } @media (max-width: 1100px) { body.gdv .gdv-side { --gdv-side-w: 62px; } body.gdv .gdv-side .gdv-nav-lib, body.gdv .gdv-side .gdv-nav-caret, body.gdv .gdv-side .gdv-side-search, body.gdv .gdv-side .gdv-side-foot-txt, body.gdv .gdv-side .gdv-brand-txt { display: none; } body.gdv .gdv-side .gdv-nav-top { justify-content: center; padding-left: 0; padding-right: 0; } body.gdv .gdv-side .gdv-nav-grp .gdv-nav-sub { display: none !important; } body.gdv .gdv-side .gdv-brand { justify-content: center; padding-left: 0; padding-right: 0; } /* Sur cette largeur, la colonne repliee ne peut plus servir : le tiroir prend le relais et la deplie par-dessus le contenu. */ html.is-drawer body.gdv .gdv-side { --gdv-side-w: 254px; position: fixed; left: 0; top: 0; bottom: 0; box-shadow: var(--isl-sh-3); } html.is-drawer body.gdv .gdv-side .gdv-nav-lib, html.is-drawer body.gdv .gdv-side .gdv-nav-caret, html.is-drawer body.gdv .gdv-side .gdv-side-search, html.is-drawer body.gdv .gdv-side .gdv-side-foot-txt, html.is-drawer body.gdv .gdv-side .gdv-brand-txt { display: block; } html.is-drawer body.gdv .gdv-side .gdv-side-search { display: block; } html.is-drawer body.gdv .gdv-side .gdv-nav-lib { display: block; } html.is-drawer body.gdv .gdv-side .gdv-nav-caret { display: inline-flex; } html.is-drawer body.gdv .gdv-side .gdv-nav-top { justify-content: flex-start; padding-left: 10px; padding-right: 10px; } html.is-drawer body.gdv .gdv-side .gdv-nav-grp.is-open .gdv-nav-sub { display: block !important; } html.is-drawer body.gdv .gdv-side .gdv-brand { justify-content: flex-start; padding-left: 16px; padding-right: 16px; } html.is-drawer body.gdv .gdv-voile { position: fixed; inset: 0; z-index: 39; background: rgba(0, 0, 0, .4); } } @media (max-width: 760px) { body.gdv .gdv-top, body.gdv .gdv-alertes, body.gdv .gdv-main, body.gdv .gdv-foot { padding-left: var(--isl-s4); padding-right: var(--isl-s4); } body.gdv .gdv-horloge { display: none; } .gu-container { padding: var(--isl-s4); border-radius: var(--isl-r); } /* Un tableau large ne doit jamais pousser la page : il defile dans sa propre boite. */ body.gdv .gu-container { overflow-x: auto; } } /* ========================================================================== 7. LARGEURS DE COLONNES HERITEES La liste d'articles qui tombe sous un champ de recherche est un tableau a colonnes fixes : sans ces largeurs, chaque frappe fait danser les colonnes sous le curseur. Reprises telles quelles de l'ancienne feuille, en jetons pour ce qui est couleur. ========================================================================== */ body.gdv .search_art_code { width: 45px; } body.gdv .search_art_code_four { width: 70px; } body.gdv .search_art_lib { width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body.gdv .search_art_millesime { width: 45px; text-align: center; } body.gdv .search_art_format { width: 55px; text-align: center; } body.gdv .search_art_prix { width: 65px; text-align: right; } body.gdv .search_art_title_stock { width: 50px; text-align: center; } body.gdv .search_art_det_stock { width: 50px; text-align: center; } /* Montants : toujours a droite, toujours en chasse fixe. */ body.gdv .cl_monnaie, body.gdv .cl_det_fact { text-align: right; font-variant-numeric: tabular-nums; } /* Les boutons de tri des listes de factures. */ body.gdv .bton_tri_facts, body.gdv .bton_action, body.gdv .bton_supp { font-weight: 600; } /* .a_cacher n'est PAS une classe d'element masque : elle veut dire "a cacher a l'impression". Sur "listing", elle porte les quatre boutons de tarif (Imprimer / Mail, particuliers et pro) et la colonne de cases "Excl." ; les masquer a l'ecran revient a supprimer la fonction. Elle n'est hors champ que sur le papier : voir le bloc @media print, et le