Knapper såsom "åben mikrofon" hopper ned på næste linje ved smalt browser vindue

[xToMMeRx]

Både den blå "ønsker at svare" tekst og åben mikrofon knappen ude til højre, hopper ned på næste linje hvis man gør browser vinduet tilpas smalt.

Det giver et problem hvis man har sin web browser i en helt bestemt bredde, for når den blå tekst så bevæger sig hopper åben mikrofon ikonet op og ned mellem linje 1 og linje 2 så den er svær at trykke på/ramme. (Se mail d. 16/7-2015)

[michaelkrog]

Jeg har forsøgt mig frem med minimale ændringer til layoutet. Jeg har flyttet alle elementer der optræder i navnekolonnen(f.eks. 'Jeg vil svare'-labelen) frem før navnet, så de dukker op uanset hvor smal kollonnen.

Følgende er eksempler i 3 størrelser i forbindelse med når der er en der vil svare:

[xToMMeRx]

Problemet er ikke så meget teksten "Jeg vil gerne svare", men mere selve knappen med samme function ude til højre. (Taleboblen). Det er denne som skal forblive så samme linje og ikke må hoppe ned på en ny linje.

Jeg tror faktisk det er bedre at "Jeg vil gerne svare" beskeden forbliver som den var for at man stadig kan se hele navnet på personen. Det vigtige er bare at man har et alternative til at klikke på "Jeg vil gerne svare" hvis den hopper frem og tilbage mellem linjerne. Men det nytter bare ikke noget når taleboblen gør det samme.

[michaelkrog]

Ok. Men vi er nok nødt til at lave 'jeg svarer' animationen om så. F.eks. til en glow-effekt(fade ind og ud).

Hvis jeg ikke låser cellen til én linie, så vil den nuværende bevægelse ændre på bredden af cellens indhold og det vil forårsage et linieskift der hopper i bestemte opløsninger. Hvis animationen istedet for er en der ikke ændrer på bredden af cellens indhold, så skulle det gerne afhjælpe det.

[xToMMeRx]

Er det ikke muligt at låse højre kolonne (den med knapperne) så den altid har en fast defineret bredde, så det kun er den midterste kolonne der ombrydes til en linje mere hvis det ikke kan være der?

[michaelkrog]

Jo, det er det. Men hvis den midterste kolonne står og skifter/hopper, så skubber der resten af tabellen. Og er der så 2 eller flere der gerne vil svare samtidigt, så er problemet blot rykket længere ned i tabellen.

Det slår mig dog lige nu, at jeg nok godt kan reservere hele den plads som 'jeg vil svare' optager i forbindelse med den animerer, så vi stadig har ombrydning i den midterste kolonne, men vi i det mindste ikke risikerer at den hopper i forbindelse med den animerer.

Det prøver jeg lige.

EDIT Det ser ud til at virke fint. Det medfører at 'Jeg vil svare' har 15px reserveret omkring sig, som "glider" frem og tilbage mellem venstre/højre når den animerer.

[michaelkrog]

Dermed kommer det til at se sådan her ud: