/* * COPIE. Originalul e `public/css/od_console.css`, al portalului vechi. * * De pe 14 septembrie 2026 v4 nu mai ia NIMIC de la portalul CodeIgniter la * rulare: foile, fonturile, imaginile si pluginurile stau in `v4/web/public/` * si se servesc de sub `base`-ul aplicatiei (vezi `vite.config.ts`, PORTAL_STYLES). * Regulile de stil sunt neschimbate; in `app.css` caile `url(/public/...)` au * devenit relative la foaie (`url(../fonts/...)`, `url(../images/...)`). * Pana cand portalul vechi dispare, cele doua copii se tin la fel. */ /* * ============================================================================= * od_console.css - componentele portalului, pe desenul consolei * ============================================================================= * * DE CE EXISTA, SI DE CE SEPARAT DE ZONA * ----------------------------------------------------------------------------- * * Foaia asta s-a nascut ca `settings_console.css` si a imbracat o singura zona. * Cand a venit randul celui de-al doilea modul, intrebarea a fost daca se * copiaza. Nu se copiaza: doua foi care fac acelasi lucru se despart la prima * corectura facuta numai in una, si atunci ai doua desene, nu unul. * * Deci s-a taiat in doua, dupa o linie limpede: aici sta tot ce e COMPONENTA - * butonul, campul, cardul, pastila, tabelul, modalul, titlul de pagina - si * dincolo, in foaia zonei, sta numai ce tine de sasiul ei anume, cum e rail-ul * de navigare al setarilor. * * Taietura nu e din intuitie. S-a numarat: `label class="color"` e in 180 de * fisiere din tot portalul, `

` in 189, `selectpicker` in 151. Alea * nu sunt tipare de setari, sunt tipare de portal. * * ----------------------------------------------------------------------------- * CUM SE APRINDE PE O ZONA * ----------------------------------------------------------------------------- * * Toate regulile pornesc de la `body.od-console`, iar clasa aia se pune din * `od_console_zones()` in `general_helper.php`: o lista cu numele modulelor * care au trecut pe desenul nou. Un modul se aprinde adaugandu-i numele acolo, * si se stinge scotandu-l. Nimic altceva. * * Se aprinde pe rand, nu deodata, fiindca fiecare modul are markupul lui si * merita privit inainte sa fie declarat gata. * * ----------------------------------------------------------------------------- * CULOAREA RAMANE A PORTALULUI * ----------------------------------------------------------------------------- * * Din desen se ia tot ce nu e culoare: asezarea, tipografia, cardul, cele doua * feluri de buton, pastilele, colturile. Griurile raman cele din `tokens.css`, * pe care le foloseste tot portalul - vezi blocul de tokenuri pentru cele doua * valori care se corecteaza, si de ce. * * Foaia nu se construieste cu nimic - vezi capul lui `tokens.css` pentru de ce. */ /* ========================================================================== * 1. TOKENURILE * ========================================================================== */ body.od-console { /* * Culorile NU se schimba aici. * * Zona a stat o zi pe o paleta calda, luata din desen - off-white si un * negru cu galben in el. Arata bine singura, dar langa restul portalului, * care e pe griuri reci, se citea ca alt produs: treci din Inventoree in * Settings si se schimba temperatura ecranului. * * Deci griul nostru, cel din `tokens.css`, folosit de tot portalul. Ce se * ia din desen ramane tot ce nu e culoare: asezarea, tipografia, cardul, * cele doua feluri de buton, pastilele, colturile. * * Doua valori se corecteaza totusi, si nu ca sa arate altfel: */ /* `--od-ink-faint` e #6b7480, calculat pe ALB, unde da 4,74:1. Fundalul paginii nu e alb, e #f4f6f8 - si acolo cade la 4,37:1, sub pragul de 4,5. Aceeasi nuanta, doar cu doua trepte mai inchisa: 4,98:1 pe fundal, 5,40:1 pe card. */ --od-ink-faint: #626b77; /* Acelasi lucru la galben: #9e6b00 da 4,61:1 pe alb si 4,25:1 pe fundal. Corectat, 5,10:1 pe fundal. E capcana pe care o are orice paleta scrisa pe alb si folosita pe altceva. */ --od-warn: #8a6116; /* --------------------------------------------------------------------- CE SE IA DIN DESEN --------------------------------------------------------------------- */ /* Colturile: 3px era o linie franta, nu un colt. */ --od-radius: 8px; --od-radius-lg: 12px; /* Cardul nu are umbra, are o linie. Umbra il ridica de pe pagina; aici toate stau pe acelasi plan, si linia e de ajuns ca sa le desparta. */ --od-shadow: none; /* Locale zonei - nu urca in tokens.css pana nu le cere si alta zona. Butonul primar e chiar `--od-ink`: negrul desenului avea galben in el si ar fi fost singurul lucru cald ramas pe ecran. Text alb pe el, 14,76:1. */ --odc-btn: #1f2933; --odc-btn-hover: #38424e; --odc-pill-bg: #e4e8ec; /* ink pe ea, 11,98:1 */ --odc-pad: 18px; /* respiratia dinauntrul unui card */ background-color: var(--od-ground); font-family: var(--od-font); font-size: var(--od-text-md); color: var(--od-ink); -webkit-font-smoothing: antialiased; } /* Fontul nu se mosteneste peste tot: Bootstrap si machetele il scriu pe nume in zeci de reguli, iar `body { font-family }` pierde in fata lor. */ body.od-console h1, body.od-console h2, body.od-console h3, body.od-console h4, body.od-console h5, body.od-console h6, body.od-console p, body.od-console span, body.od-console label, body.od-console a, body.od-console td, body.od-console th, body.od-console li, body.od-console div, body.od-console small, body.od-console strong, body.od-console .btn, body.od-console .form-control, body.od-console input, body.od-console select, body.od-console textarea { font-family: var(--od-font); } body.od-console code, body.od-console pre, body.od-console kbd { font-family: var(--od-font-mono); } /* ========================================================================== * 2. TITLUL PAGINII * ========================================================================== * * `
` cu `

Ceva altceva

` * si `