Gradnik za oblikovni sistem 1.1.0: nov videz, izdan enkrat, pripet dvakrat

Gradnik za oblikovni sistem 1.0 je ohranil videz, ki so ga naši produkti že imeli: pisavo Arial, oglate vogale, obrobe gumbov in vnosnih polj debeline 2 px, besedilo z velikimi tiskanimi črkami na značkah in ploščicah KPI ter temno nogo strani. Želeli smo, da bi bili videti kot sodobni produkti SaaS. Z dvema kopijama oblikovnega sistema bi to pomenilo dvakrat isto preoblikovanje; s skupnim gradnikom, ki ga imamo od 13. oktobra, je to ena sama izdaja.

Nov videz, iste komponente

Gradnik za oblikovni sistem 1.1.0 smo izdali 14. oktobra 2026. Arial je zamenjala pisava Inter, ki je del paketa in se nikoli ne nalaga iz omrežja CDN za pisave. Vogali so rahlo zaobljeni: 3 px pri značkah, 4 pri kontrolnikih in 6 pri karticah. Obrobe gumbov in vnosnih polj so tanjše, 1 px, kartice imajo mehko senco, noga strani pa je svetla plošča.

HTML in zgradba strani sta ostala enaka; nobene lastnosti komponent nismo odstranili ali preimenovali. Videz je del jedra: produkt še vedno nastavi le svojih dvanajst barvnih vlog, saj bi z vlogami za pisavo, zaobljenost ali senco produkti znova začeli odstopati drug od drugega. Kar gradnik zagotavlja, se ni spremenilo: okvir fokusa, površine za dotik velikosti 44 px, kontrast in toni stanj, ki jih poleg barve loči tudi oblika simbola.

Med različicama 1.0.1 in 1.1.0 se je v gradniku spremenilo 33 slogovnih datotek (dodanih 466 vrstic, odstranjenih 146) in vseh 384 referenčnih posnetkov.

Kaj so spremenili produkti

Reputo in Leadgener pripneta gradnik vsak v eni vrstici datoteke package.json svojega uporabniškega vmesnika, iz katerega se zgradijo tudi strani za prijavo. Reputo je pripeto različico z 1.0.0 dvignil na 1.1.0 uro po tem, ko smo sprejeli zahtevo za združitev gradnika, zato je dobil tudi popravke iz 1.0.1. V kodi aplikacije, v mapi src uporabniškega vmesnika, so se spremenile tri datoteke (dodanih 20 vrstic, odstranjenih 7): Reputove kartice preverjanj, incidentov in zapisov DNS zdaj berejo nove žetone gradnika za zaobljenost in senco kartic.

Leadgener je 1.1.0 pripel dve uri pozneje. V kodi aplikacije njegove slogovne datoteke zdaj namesto fiksno vpisane vrednosti 700 berejo žetone gradnika za debelino pisave. En zaslon je potreboval spremembo kode: tabela priložnosti ima devet stolpcev, zato uporablja novo možnost stackBelow="wide". Ko je sama ožja od 1160 px, vsako vrstico prikaže kot seznam poimenovanih polj, datum in uro pa izpiše kot dva ločena dela.

Na toolkitu nov videz pomeni manjšo različico: pripnete jo, opravite preverjanja, ki jih dnevnik sprememb navaja za to izdajo, in znova pregledate zaslone; tabela, preširoka za svoj okvir, dobi eno lastnost.