Cerit rozcestník - loga

[allyen]

Ahoj,
přemýšlím, proč se mi ve FF zobrazuje logo C4E správně a v Chrome posunuté a vidím, že u mixin inner-logo-cont img je nastavené

transform: translateY(-55%);
-webkit-transform: translateY(-27%);
-o-transform: translateY(-27%);

Je nějaký důvod, proč je to různé?
P

[sustrradim]

ahoj, v době kdy sem to testoval, se u translateY choval webkit jinak. budeme muset odladit a otestovat ještě. u FF?

[allyen]

Mno, jak na to tak koukám, ten webkit se chová asi pořád stejně. Problém je právě jen to logo C4E, které má menší výšku než ty ostatní, takže těch -27% znamená, že vyjede víc nahoru. Mám to vyřešit tak, že tam nahraju soubor loga C4E stejně vysoký, jak jsou ty ostatní? To by asi pomohlo.

[sustrradim]

to by to vyřešilo.

[allyen]

grr, tak to není tak jednoduchý - ten modul automaticky obrázek na pozadí ořezává na daný poměr stran, takže zvětšení mi nepomůže. A pro ty tři SVG to samozřejmě neudělá (ty zůstávají 1:1). Tím pádem mají obrázky různé velikosti (SVG jsou čtverce, zatímco C4E je 16:9). Webkit zřejmě z nějakého záhadného důvodu neposouvá o procenta od středu obrázku, takže se to rozhodí. Mohl bys prosím doplnit do toho stylu to, že u loga C4E se posune ve webkitu jen o -10%? Zkoušel jsem, ale scss neumím a moje laická úprava nezabrala...