Päis ja jalus ulatuvad nüüd üle kogu laiuse

Väike muudatus, mis on nähtav igal siinsel lehel: tume riba üleval ja jalus all ulatuvad nüüd üle akna kogu laiuse.

Kuni tänaseni olid nad samas 1180-pikslises veerus nagu kõik muu, nii et laial ekraanil oli leht tühja tausta peal hõljuv sisuriba. Statistikalehtede jalus oli juba täislaiuses – ainus selline, ja just see ebaühtlus selle muudatuse käivitaski.

Mis ei muutunud

Nende ribade sisu. Tekst, nupud ja numbrid on endiselt samal 1180 pikslil nagu allolevad jaotised, nii et riba on lai, aga kirjutis mitte. Keegi ei loe sajamärgilisi ridu ja 27-tollisele monitorile venitatud pealkiri ei ole disain, vaid hooletus.

Miks mitte tavaline nipp

Levinud viis murda element tsentreeritud veerust välja on negatiivne veeris suhtes 100vw. Sellel on viga, mida on töölaual kerimisriba väljalülitatuna lihtne märkamata jätta: vw sisaldab kerimisriba. Plokk jääb nähtavast alast laiemaks täpselt selle laiuse võrra ja kogu lehte saab paar pikslit küljele lohistada – mis telefonis tähendab, et paigutus kõigub lugemise ajal pöidla all.

Seega riba ei sirutu väljapoole, vaid algab laiana ja polsterdab sissepoole:

padding-inline: max(20px, calc((100% - 1180px) / 2))

Protsendid arvutatakse elemendi vanema suhtes, mis on siin lehe body ja ei sisalda kerimisriba. Alla 1180 piksli võidab esimene väärtus ja riba hoiab negatiivse veerise asemel mõistliku 20-pikslise veerise. Teist ümbrist pole, JavaScripti pole ja midagi ei pea tööajal mõõtma.

Kus see kehtib

Avaleht, teabeleht ja kõik statistikalehed. Kõigil kolmel sama ehitus, see oligi mõte.