Implementera Fäll ut/Fäll in på malmo.se

[magnivar]

Samma funktion av Fäll ut/Fäll in som på komin (https://github.com/malmostad/sitevision_assets/issues/366) men kanske med andra färgval. @perber14 anger preferenser

[perber14]

Vi börjar med:

Ljusblå bakgrundsplatta och kantlinje (den ljusblå vi har i topplisten på malmo.se) Svart rubrik för boxen Svart plus/minus Ljusgrå bakgrund i själva boxen när den fälls ut

Detta är förlagan:

Skillnaden blir alltså att vi vill ha en ljust grå bakgrund på malmo.se, eftersom att övriga bakgrunden är vit (vill skillnad från på gymnasiesajterna där det är tvärtom).

URL: http://universitetsholmensgymnasium.malmo.se/utbildningar/el--och-energiprogrammet.html

@magnivar OK som ingångsspec?

[magnivar]

Med andra ord som på http://pauliskolan.malmo.se/utbildningar/samhallsvetenskapsprogrammet.html?

[perber14]

Japp, med undantag för bakgrundsfärgen då!

[magnivar]

Idé på ljusgrå?

[perber14]

Nej, inte hex-mässigt. Men ljust grå. Läsbarheten måste ju vara bra med den svarta texten.

[magnivar]

Då kör vi på det och skickar detta till Bouvet

[henrikekelof]

@perber14 Ett par frågor:

• Ska boxen ha samma utseende som komin förutom färgvalen (runda hörn, tunna kantlinjer etc) eller ska den vara kantig och fetare som den bild du postade?
• Blå topp och kantlinje är inte enl. WAG. Är det OK att avvika i detta fall?

[henrikekelof]

Min tolkning finns på https://www.test.malmo.se/4.719e72ae160e0f98c258aeea.html:

[perber14]

Vi provar att utgå från den du nu har i bilden ovan och ersätt det blå med hex #e8e8e8. Samt gör bakgrunden i boxen vit.

[henrikekelof]

[perber14]

Topp!

Prova att sätt kantlinjen i hex #757575!

[henrikekelof]

[perber14]

@henrikekelof Designmässigt OK! Men vi vill att den kan ha en rubrik som är längre än en rad. Som här:

Plus/minus centreras vertikalt. Se http://srvsusesvprod05.malmo.se/4.638cf67815fc0dc45db4178.html (Magnus trodde att du kommer åt den?).

[henrikekelof]

@perber14 Inga problem:

[henrikekelof]

@perber14 Du assignar mig igen om du är nöjd och vill att jag flyttar detta till prod va?

[perber14]

@henrikekelof Japp! Vi är snart redo! Men vi vill ha in den linje som finns på gywebbarna, som lite ringar in plus/minus. Det hänger för mycket i luften annars (framförallt när rubrikplattan är två rader tjock).

Kan du kika på det?

[henrikekelof]

@perber14 Yes, jag tar det inom de närmsta timmarna. Tänker du en vit eller svart linje? Om det ska vara svart linje bör man nog dra en svart linje i botten av rubriken också för att rama in. Vit linje går nog bra att bara lägga dit som det är.

[perber14]

@henrikekelof Prova med en vit först så ser vi hur det känns. Blir det för mesigt provar vi svart.

[henrikekelof]

@perber14

[perber14]

@henrikekelof Ser bra ut! Men fixa den här lillskiten:

[henrikekelof]

@perber14 Vilken webbläsare har du där? Jag kan inte återskapa i Firefox, Safari eller Chrome i alla fall. Har du IE/Edge?

[henrikekelof]

@perber14 Nu har jag återskapat det i IE11, om jag zoomar till 125%, 150%, 225%, 250%, och i Chrome med zoom 250% etc. Så, jag vill nog hävda att det är bra som det är. Kan inte specialhantera en massa olika zoomnivåer i olika webbläsare.

[perber14]

@henrikekelof Dåså! Tack. Vi betraktar den som klar.

Invänta vår signal för överföring till prod (vi ska reda ut en redaktionell fråga innan dekorationen sjösätts).

[henrikekelof]

Absolut. Bara assigna ärendet så fixar jag.

[Svempan]

Klar för prod :-)

[henrikekelof]

Nu finns den här i produktion. Testsida: http://malmo.se/4.693435e1616fea8abd180f1.html

[perber14]

Rubriken på boxen ska tjäna som H4 på malmo.se, inte H2 som den nu är!

[henrikekelof]

OK. Fixat!

[perber14]

Topp! Då stänger vi den här nu (och så får vi se om det håller...).