1651917 - Creates CSS intervention for teletrader.com

Status: RESOLVED FIXED

(Web Compatibility :: Interventions, task, P1)

Description

[Karl Dubost💡 :karlcow]

The website is off to the right, with a large border on the left and top
https://www.teletrader.com/

@media only screen and (orientation : portrait) and (max-device-width: 800px) {
    body {
        -webkit-transform: scale(1.3);
        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;
    }

    .configurator-holder { margin-left: 210px;margin-top: 85px;}
}

@media only screen and (orientation : portrait) {
    body {
        -webkit-transform: scale(0.65);
        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;
    }

}


@media only screen and (orientation : landscape)  and (max-device-width: 980px){
    body {
        -webkit-transform: scale(1.91);
        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;
    }
}

@media only screen and (orientation : landscape)  and (max-device-width: 1025px){
    body {
        -webkit-transform: scale(1);
        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;
    }


}

As Firefox does not implement

        -webkit-transform-origin-x: 0px;
        -webkit-transform-origin-y: 0px;

adding

body { transform-origin: 0 0; }

will solve the issue.

Comment 1

[Karl Dubost💡 :karlcow]

Attachment: GitHub Pull Request