use no-r2 comment to block RTL gem from changing sprites

diff --git a/Gemfile b/Gemfile
index baa1dcc04985ae87cdc921306368f44633692574..f9b692353f28996a501db4115751913e8c7676bf 100644 (file)
--- a/Gemfile
+++ b/Gemfile
@@ -32,7 +32,7 @@ gem "jquery-rails"
 gem "jsonify-rails"
 
 # Use R2 for RTL conversion
-gem "r2"
+gem "r2", "~> 0.2.7"
 
 # Use autoprefixer to generate CSS prefixes
 gem "autoprefixer-rails"

diff --git a/Gemfile.lock b/Gemfile.lock
index 9b79e9ca14db7d80ba66ee285a570a9d5031f097..4c398ccef4ae02feda944a81b816ec77e9649ad4 100644 (file)
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -223,7 +223,7 @@ GEM
     progress (3.3.1)
     psych (2.2.4)
     public_suffix (2.0.5)
-    r2 (0.2.6)
+    r2 (0.2.7)
     rack (2.0.3)
     rack-cors (0.4.1)
     rack-openid (1.3.1)
@@ -382,7 +382,7 @@ DEPENDENCIES
   pg
   poltergeist
   psych
-  r2
+  r2 (~> 0.2.7)
   rack-cors
   rack-uri_sanitizer
   rails (= 5.0.4)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 121e0c6d63cb6eb50b4898d282b4b3249309403f..57850662141e22290c972848567c9503e09db77c 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2776,12 +2776,30 @@ input.richtext_title[type="text"] {
     vertical-align: middle;
     background: 40px 40px image-url('about/sprite.png') no-repeat;
 
-    &.local        { background-position: 0px    0px; }
-    &.community    { background-position: 0px  -40px; }
-    &.open         { background-position: 0px  -80px; }
-    &.partners     { background-position: 0px -120px; }
-    &.infringement { background-position: 0px -160px; }
-    &.legal        { background-position: -45px -160px; }
+    &.local {
+      /* no-r2 */
+      background-position: 0px 0px;
+    }
+    &.community {
+      /* no-r2 */
+      background-position: 0px -40px;
+    }
+    &.open {
+      /* no-r2 */
+      background-position: 0px -80px;
+    }
+    &.partners {
+      /* no-r2 */
+      background-position: 0px -120px;
+    }
+    &.infringement {
+      /* no-r2 */
+      background-position: 0px -160px;
+    }
+    &.legal {
+      /* no-r2 */
+      background-position: -45px -160px;
+    }
   }
 }