Statistics Icon mirror (RTL Issue)

Sami · Sep 21st 2015

This is a small issue for the style. Statistics icon need to be mirrored..

Black Rider · Sep 21st 2015

There is no right aligned icon for this.

SoftCreatR · Sep 21st 2015

In case you want every icon to be flipped, you may apply this CSS rule:

CSS

.icon, .fa {
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}

Sami · Sep 21st 2015

Quote from Black Rider

There is no right aligned icon for this.

I mean if there is possibility make just a mirror for this icon if user switch to RTL

netrix64 · Sep 21st 2015

If you want just this specific Icon you could change @SoftCreatR Code like this.

Code

.statsInfoBox .icon {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }

Statistics Icon mirror (RTL Issue)

Share

Tags