/** * ============================================================ * COMPUTERUDGAVEN - OMBYGNINGENS EGEN UDSEENDEFIL * 21. september 2026 * ============================================================ * HVAD: laget her retter de 18 punkter, Henrik fik maalt og * godkendt 21. september, paa skaerme fra 821 punkter og opefter. * * HVORFOR: alt det, der blev bygget til telefonen i september, * staar bag skaermbredden til og med 820 punkter. Over den * bredde stod den gamle side tilbage: mindre tekst, trykflader * under 44, en smal spalte og et maerkat, der ikke kunne laeses. * * HVEM: Henriks ja 21. september 2026 til at rette alle punkter * paa listen i én omgang. * * HELE FILEN staar bag »fra 821 punkter og op«, saa telefonen * er uroert af sig selv. Skal der rulles tilbage, fjernes denne * fil og de to linjer, der henter den i inc/motor.php og * functions.php. * ============================================================ */ @media (min-width: 821px) { /* ------------------------------------------------------------ * 0. DEN DAEMPEDE TEKSTFARVE I DE TRE VAERKTOEJER * ------------------------------------------------------------ * HVAD: den graagroenne tekstfarve gaar fra #6B7B76 til #5F6F6A, * kun inde i de tre vaerktoejer og kun paa computer. * HVORFOR: maalt 21. september: #6B7B76 giver 4,45 paa hvid, * 4,21 paa den lyse plade og 4,02 paa den graa plade, mens * kravet til lille tekst er 4,5. #5F6F6A giver 5,29, 5,00 og * 4,78. Samme familie, samme udtryk, bare lidt dybere. * HVEM: Henriks punkt 7 paa listen 21. september. * ------------------------------------------------------------ */ html .motor, html #motoren, html .skift-el, html .la { --color-text-muted: #5F6F6A; } /* ============================================================ * FIND DIN LADEBOKS (punkt 1, 2, 3, 4, 5 og 6) * ============================================================ */ /* ------------------------------------------------------------ * 1. BREDDEN (punkt 5) * ------------------------------------------------------------ * HVAD: vaerktoejet gaar fra 720 til 900 punkter. * HVORFOR: maalt 21. september paa 1440 og 1792 punkters skaerm: * vaerktoejet fyldte 720, og resten af skaermen stod tom. * 900 er den faelles bredde for alle tre vaerktoejer, saa de * ikke laengere har hver sin. * HVEM: Henriks punkt 5 og 18. * ------------------------------------------------------------ */ html .motor { max-width: 900px; } /* ------------------------------------------------------------ * 2. OVERSKRIFTERNE PAA TRINNENE (punkt 3) * ------------------------------------------------------------ * HVAD: alle fire trinoverskrifter er 20. * HVORFOR: maalt 21. september: »Find din bil« stod paa 20, * mens »Koersel og pris«, »Din bolig« og »Din anbefaling« stod * paa 19. Paa telefonen er alle fire 20. Maalestokken siger 20. * HVEM: Henriks punkt 3. * ------------------------------------------------------------ */ html .motor .motor-trin__titel { font-size: 20px; } /* ------------------------------------------------------------ * 3. TEKSTSTOERRELSERNE (punkt 1) * ------------------------------------------------------------ * HVAD: broedtekst 17, knapper og maerkater 15, smaa tekster 13. * Ingenting under 13. * HVORFOR: maalt 21. september: linjen under »Koersel og pris« * stod paa 13 mod telefonens 17, de to spoergsmaal paa 15 mod * 17, og det med smaat under adressefeltet paa 12. Maalestokken * i START NY CHAT er 17 til broedtekst, 15 til knapper og * maerkater og 13 til 15 til smaa tekster. * HVEM: Henriks punkt 1. * ------------------------------------------------------------ */ html .motor .motor-trin__intro, html #motoren .fh-adr2__intro { font-size: 17px; line-height: 1.5; } html .motor .motor-felt__label { font-size: 17px; } html .motor .motor-bbr-linje { font-size: 15px; } html .motor .motor-spec__label, html .motor .motor-spec__enhed, html .motor .motor-pris__note, html .motor .motor-pris__live, html .motor .motor-kort__badge, html .motor .motor-tag, html .motor .motor-inst__maerkat, html .motor .motor-skift-el__titel, html #motoren .adr-hjaelp, html #motoren .fh-bro__lbl, html #motoren .fh-bro__chip, html #motoren .fh-bro__ok { font-size: 13px; } html .motor-skift-el .motor-skift-el__sub { font-size: 13px; } /* ------------------------------------------------------------ * 4. TRYKFLADERNE (punkt 2) * ------------------------------------------------------------ * HVAD: Koeb og Leje, de fire kilometerknapper, de fire * boligknapper, »Skift bil«, »Start forfra« og »Se alle * ladebokse« er nu mindst 44 hoeje. * HVORFOR: maalt 21. september paa computer: 34, 31, 31, 27, 23 * og 15. Paa telefonen er de alle mindst 44. Maalestokken siger * mindst 44. * HVEM: Henriks punkt 2. * ------------------------------------------------------------ */ html .motor .motor-chip { font-size: 15px; min-height: 44px; } html .motor .motor-toggle__btn { font-size: 15px; min-height: 44px; } html .motor .motor-skift-bil__knap { font-size: 15px; min-height: 44px; } html .motor .motor-slut__link { font-size: 15px; min-height: 44px; display: inline-flex; align-items: center; } html .motor .motor__se-alle a { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; } /* ------------------------------------------------------------ * 5. BJAELKEN I TOPPEN (punkt 6) * ------------------------------------------------------------ * HVAD: den klaebende bjaelke »Find den rigtige ladeboks til din * elbil« med knappen »Find din ladeboks« traeder af, saa snart * bilen er fundet og motoren er i gang. * HVORFOR: maalt 21. september: bjaelken blev ved at invitere * ind i noget, man allerede stod midt i, og den og menuen * optog 132 punkter af skaermen hele tiden. * TVANG: linjen bruger !important, fordi ».home #fh-mini« i * temaets eget stilark selv er en tvangsregel. Uden den samme * vaegt sker der ingenting, uanset hvor langt nede reglen staar. * HVEM: Henriks punkt 6. * ------------------------------------------------------------ */ html body:has(#motoren:not(.fh-vent)) #fh-mini { display: none !important; } /* ------------------------------------------------------------ * 6. GENVEJEN VED SOMMERHUS (punkt 4) * ------------------------------------------------------------ * HVAD: samme stille linje som paa telefonen, »Har du ogsaa en * helaarsbolig?« og »Proev med en anden adresse«, under den * groenne plade paa anbefalingen. Kun naar der er valgt * Sommerhus. Selve linjen laegges paa af motor-laptop.js. * HVORFOR: maalt 21. september paa computer: linjen fandtes slet * ikke, og der var kun et »Start forfra« paa 23 punkter. * FARVERNE: paa telefonen staar linjen hvid paa den moerkegroenne * skaerm. Paa computeren ligger anbefalingen paa en lys plade, * saa teksten er den daempede graagroenne og knappen sidens * groenne. Ingen orange: fyldt orange betyder »ud til udbyderen«. * HVEM: Henriks punkt 4. Ordene er hans egne fra 21. september * og er ikke roert. * ------------------------------------------------------------ */ html .motor .mm-genvej { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; margin: 12px 0 0; } html .motor .mm-genvej__sp { margin: 0; font-size: 15px; line-height: 1.5; color: var(--color-text-muted, #5F6F6A); } html .motor .mm-genvej__knap { margin: 0; padding: 11px 0; min-height: 44px; border: 0; background: none; font-family: inherit; font-size: 15px; line-height: 1.5; color: #0B7352; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; cursor: pointer; } /* ============================================================ * SKIFT TIL ELBIL (punkt 7, 9, 10, 11, 12 og 13) * Punkt 8 er Henriks egen tekst og er ikke roert. * ============================================================ */ /* ------------------------------------------------------------ * 7. BREDDEN OG DET ULAESELIGE MAERKAT (punkt 7, 9 og 10) * ------------------------------------------------------------ * HVAD: vaerktoejet og heroens tekst gaar fra 640 til 900, og * vaerktoejet begynder 12 under det moerkegroenne felt i stedet * for 28 oppe i det. * HVORFOR: maalt 21. september: maerkatet »Det du kender« laa * 415 til 437, mens det groenne felt sluttede 443. Maerkatet laa * altsaa helt inde paa det moerke og maalte mellem 1,3 og 2,8 * mod kravets 4,5. Med de 900 punkter staar overskriften ogsaa * paa én linje i stedet for at braekke om med »elbil?« alene. * HVEM: Henriks punkt 7, 9 og 10. * ------------------------------------------------------------ */ html .skift-el { max-width: 900px; margin-top: 12px; } html .hero-mork__indhold { max-width: 900px; } html .hero-mork__h1 { text-wrap: balance; } /* ------------------------------------------------------------ * 8. TEKSTSTOERRELSERNE (punkt 12) * ------------------------------------------------------------ * HVAD: broedtekst 17, maerkater 15, smaa tekster 13. Ingenting * under 13. * HVORFOR: maalt 21. september: 11 og 12 punkters tekst 44 * steder, og ét sted 10. * HVEM: Henriks punkt 12. * ------------------------------------------------------------ */ html .skift-el .skift-el__akt-lead { font-size: 17px; line-height: 1.5; } html .skift-el .lbr__hj { font-size: 17px; } html .skift-el .skift-el__agent-tekst { font-size: 17px; line-height: 1.5; } html .skift-el .skift-el__agent-titel { font-size: 17px; } html .skift-el .skift-el__label, html .skift-el .skift-el__bil-navn, html .skift-el .skift-el__braendstof-knap, html .skift-el .skift-el__literpris-enhed, html .skift-el .skift-el__km-raekke span, html .skift-el .lbr__felt label, html .skift-el .skift-el__anbefaling-titel, html .skift-el .skift-el__anbefaling-navn, html .skift-el .skift-el__agent-label, html .skift-el .skift-el__agent-samtykke span, html .skift-el .skift-el__agent-cta { font-size: 15px; } html .skift-el .skift-el__akt-nr, html .skift-el .skift-el__akt-nr span, html .skift-el .skift-el__bil-km, html .skift-el .skift-el__kilde, html .skift-el .skift-el__kilde strong, html .skift-el .skift-el__facit-label, html .skift-el .skift-el__facit-under, html .skift-el .skift-el__facit-mikro, html .skift-el .skift-el__sm-label, html .skift-el .skift-el__sm-forklaring, html .skift-el .skift-el__bar-tal, html .skift-el .skift-el__bar-label, html .skift-el .skift-el__total p, html .skift-el .skift-el__live-badge, html .skift-el .lbr__kilde, html .skift-el .skift-el__anbefaling-maerke, html .skift-el .skift-el__anbefaling-detalje { font-size: 13px; } html .skift-el .skift-el__kilde { line-height: 1.5; } /* Kildelinjen under regnemaskinen har sin egen blaagraa farve. * Maalt 21. september: #667788 paa den lyse plade giver 4,15. * #5C6B7A giver 4,9. Samme familie. (Punkt 7.) */ html .skift-el .lbr__kilde { color: #5C6B7A; } /* ------------------------------------------------------------ * 9. DE SKAEVE FELTER (punkt 11) * ------------------------------------------------------------ * HVAD: felterne i en raekke staar nu med bund mod bund. * HVORFOR: maalt 21. september: det midterste felt i »Regn paa * din egen ladeboks« laa 23 punkter hoejere end de to andre, * fordi dets tekst fylder én linje og de andres to. Ingen * laaste hoejder: raekken stiller dem selv op efter bunden. * HVEM: Henriks punkt 11. * ------------------------------------------------------------ */ html .skift-el .lbr__rk { align-items: flex-end; } /* ------------------------------------------------------------ * 10. SKYDEREN OG FELTERNE (punkt 13 og 2) * ------------------------------------------------------------ * HVAD: skyderen til kilometer er 44 hoej at ramme, mens selve * stregen stadig er 6 og ser ud som foer. Tal- og valgfelterne * er mindst 44, og fluebenet 24. * HVORFOR: maalt 21. september: skyderen var 6 punkter hoej, saa * man skulle ramme en streg med musen. Felterne laa paa 35 til * 42 og fluebenet paa 18. * HVEM: Henriks punkt 13. * ------------------------------------------------------------ */ html .skift-el .skift-el__km-raekke input[type="range"] { height: 44px; background: transparent; } html .skift-el .skift-el__km-raekke input[type="range"]::-webkit-slider-runnable-track { height: 6px; } html .skift-el .skift-el__km-raekke input[type="range"]::-moz-range-track { height: 6px; } html .skift-el .skift-el__braendstof-knap { min-height: 44px; } html .skift-el .skift-el__agent-cta { min-height: 48px; } html .skift-el .skift-el__literpris-felt input { min-height: 44px; } html .skift-el .lbr__felt input, html .skift-el .lbr__felt select { min-height: 44px; } html .skift-el .skift-el__agent-samtykke input { width: 24px; height: 24px; } /* ============================================================ * LADEAGENTEN (punkt 14, 15, 16 og 18) * Punkt 17 er Henriks egen beslutning 24. august om, at * orangen skal ligge som en RING og ikke fylde knappen ud. * Den er ikke roert. * ============================================================ */ /* ------------------------------------------------------------ * 11. BREDDEN (punkt 15 og 18) * ------------------------------------------------------------ * HVAD: siden gaar fra 1072 til 900 punkter, og adressefeltet * og mailfeltet faar en oevre bredde. * HVORFOR: maalt 21. september: adressefeltet var 1030 punkter * bredt og mailfeltet 830. En kort indtastning trukket ud over * hele kortet. Og de tre vaerktoejer havde hver sin bredde: * 720, 640 og 1080. Nu har alle tre 900. * HVEM: Henriks punkt 15 og 18. * ------------------------------------------------------------ */ html .la .wrap { max-width: 948px; } html .la .adrboks { max-width: 520px; } html .la form.mail { max-width: 620px; } /* ------------------------------------------------------------ * 12. DE TO SMAA KNAPPER (punkt 14) * ------------------------------------------------------------ * HVAD: »Har du elbil i forvejen?« og »Brug min lokation« er * nu mindst 44 hoeje. * HVORFOR: maalt 21. september: 16 punkter hoeje paa computer * mod 48 paa telefon. De lignede maerkater mere end knapper, * og den ene er den hurtige vej til adressen. * HVEM: Henriks punkt 14. * ------------------------------------------------------------ */ html .la .row .loc { min-height: 44px; } /* ------------------------------------------------------------ * 13. KONTAKTEN OG DENS TEKST (punkt 16) * ------------------------------------------------------------ * HVAD: kontakten ved »Tjek ogsaa min elaftale« foelger nu sin * egen tekst i stedet for at staa ude ved kortets hoejre kant. * HVORFOR: maalt 21. september: der var cirka 965 punkter fra * teksten til kontakten. Nu er der 14 fra tekstens kant. * Teksten faar en oevre bredde i tegn og ikke i punkter, saa * der ikke er laast en maalt bredde ind. * HVEM: Henriks punkt 16. * ------------------------------------------------------------ */ html .la .el { justify-content: flex-start; } html .la .el__t { flex: 0 1 auto; max-width: 46ch; } /* ------------------------------------------------------------ * 14. PLADEN »HAR DU IKKE ELBIL ENDNU?« FOELGER VAERKTOEJET * ------------------------------------------------------------ * HVAD: den lille plade under motoren er 900 som motoren selv. * HVORFOR: maalt 21. september efter at motoren blev 900: pladen * stod paa 640 og begyndte 130 punkter laengere inde end * motorens venstre kant. To kanter, der ikke moedes. * HVEM: foelger af Henriks punkt 5 og 18. * ------------------------------------------------------------ */ html .motor-skift-el { max-width: 900px; } }