From f89757a1552b1da81c0640a55e27cdb227be3916 Mon Sep 17 00:00:00 2001 From: David McWhinnie Date: Mon, 14 May 2018 08:13:31 -0500 Subject: [PATCH] Fix rating icons on chrome (#5) Added the "transform-box: fill-box" to rotating icons to keep them in place rather than rotate around the box. Closes #4. --- icons/climacon-clear-night.svg | 3 ++- icons/climacon-few-showers.svg | 3 ++- icons/climacon-mostly-cloudy-day.svg | 3 ++- icons/climacon-mostly-cloudy-night.svg | 3 ++- icons/climacon-partly-cloudy-day.svg | 3 ++- icons/climacon-partly-cloudy-night.svg | 3 ++- icons/climacon-snow-flurries.svg | 4 +++- icons/climacon-sunny.svg | 3 ++- icons/climacon-thundershowers.svg | 3 ++- 9 files changed, 19 insertions(+), 9 deletions(-) diff --git a/icons/climacon-clear-night.svg b/icons/climacon-clear-night.svg index e471645..c26c134 100644 --- a/icons/climacon-clear-night.svg +++ b/icons/climacon-clear-night.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; @@ -136,4 +137,4 @@ d="M48.212,42.208c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C52.938,50.884,49.115,47.062,48.212,42.208z"/> - \ No newline at end of file + diff --git a/icons/climacon-few-showers.svg b/icons/climacon-few-showers.svg index 88b4c5a..39e49a6 100644 --- a/icons/climacon-few-showers.svg +++ b/icons/climacon-few-showers.svg @@ -20,6 +20,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -555,4 +556,4 @@ d="M63.943,64.941v-4.381c2.389-1.384,4-3.961,4-6.92c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.48-4.334,1.291c-1.23-5.317-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.551,6.728,4,8.924v4.916c-4.777-2.768-8-7.922-8-13.84c0-8.835,7.163-15.997,15.998-15.997c6.004,0,11.229,3.311,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.941,58.863,68.602,63.293,63.943,64.941z"/> - \ No newline at end of file + diff --git a/icons/climacon-mostly-cloudy-day.svg b/icons/climacon-mostly-cloudy-day.svg index c9dcaf8..c5365a9 100644 --- a/icons/climacon-mostly-cloudy-day.svg +++ b/icons/climacon-mostly-cloudy-day.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -331,4 +332,4 @@ d="M60.035,61.641c4.418,0,8-3.582,8-7.998c0-4.418-3.582-8-8-8c-1.6,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.976-9.29-11.668-9.29c-6.627,0-11.999,5.372-11.999,11.999c0,6.627,5.372,11.998,11.999,11.998C47.65,61.641,57.016,61.641,60.035,61.641z"/> - \ No newline at end of file + diff --git a/icons/climacon-mostly-cloudy-night.svg b/icons/climacon-mostly-cloudy-night.svg index 6af2c8d..836ae42 100644 --- a/icons/climacon-mostly-cloudy-night.svg +++ b/icons/climacon-mostly-cloudy-night.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -204,4 +205,4 @@ d="M60.035,61.641c4.418,0,8-3.582,8-7.998c0-4.418-3.582-8-8-8c-1.6,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.976-9.29-11.668-9.29c-6.627,0-11.999,5.372-11.999,11.999c0,6.627,5.372,11.998,11.999,11.998C47.65,61.641,57.016,61.641,60.035,61.641z"/> - \ No newline at end of file + diff --git a/icons/climacon-partly-cloudy-day.svg b/icons/climacon-partly-cloudy-day.svg index ebba8dd..b61df8a 100644 --- a/icons/climacon-partly-cloudy-day.svg +++ b/icons/climacon-partly-cloudy-day.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -330,4 +331,4 @@ d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/> - \ No newline at end of file + diff --git a/icons/climacon-partly-cloudy-night.svg b/icons/climacon-partly-cloudy-night.svg index ae85b0a..1896fc8 100644 --- a/icons/climacon-partly-cloudy-night.svg +++ b/icons/climacon-partly-cloudy-night.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -207,4 +208,4 @@ d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/> - \ No newline at end of file + diff --git a/icons/climacon-snow-flurries.svg b/icons/climacon-snow-flurries.svg index aceb1e0..1a37bf7 100644 --- a/icons/climacon-snow-flurries.svg +++ b/icons/climacon-snow-flurries.svg @@ -36,6 +36,8 @@ animation-timing-function: linear; animation-duration: 12s; animation-direction: normal; + transform-box: fill-box; + } .climacon_component-snowAlt { @@ -3697,4 +3699,4 @@ d="M61.998,65.461v-4.082c3.447-0.891,6-4.012,6-7.738c0-4.417-3.582-7.999-7.999-7.999c-1.601,0-3.084,0.48-4.334,1.291c-1.231-5.317-5.973-9.291-11.664-9.291c-6.627,0-11.999,5.373-11.999,12c0,4.438,2.417,8.305,5.999,10.379v4.444c-5.86-2.375-9.998-8.112-9.998-14.825c0-8.835,7.162-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.373,11.998,11.998C71.997,59.586,67.671,64.506,61.998,65.461z"/> - \ No newline at end of file + diff --git a/icons/climacon-sunny.svg b/icons/climacon-sunny.svg index 85265aa..f6648dc 100644 --- a/icons/climacon-sunny.svg +++ b/icons/climacon-sunny.svg @@ -21,6 +21,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; @@ -207,4 +208,4 @@ - \ No newline at end of file + diff --git a/icons/climacon-thundershowers.svg b/icons/climacon-thundershowers.svg index 8ac0c4e..c1abca3 100644 --- a/icons/climacon-thundershowers.svg +++ b/icons/climacon-thundershowers.svg @@ -20,6 +20,7 @@ -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; + transform-box: fill-box; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; @@ -425,4 +426,4 @@ d="M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z"/> - \ No newline at end of file +