Fix an SVG bug to improve browser support

SVG is case-sensitive so we need to use camel casing in the <linearGradient> tag.
halfdan · Feb 9, 2016 · 491c5dc · 491c5dc
1 parent f925cfe
commit 491c5dc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/views/badges/render.haml b/app/views/badges/render.haml
@@ -1,7 +1,7 @@
 !!! XML
 %svg{height: "20", width: width, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink"}
   %a{"xlink:href"=> absolute_url(:badges, :show, id: params[:id]), target: '_blank'}
-    %lineargradient#a{x2: "0", y2: "100%"}
+    %linearGradient#a{x2: "0", y2: "100%"}
       %stop{offset: "0", "stop-color" => "#bbb", "stop-opacity" => ".1"}
       %stop{offset: "1", "stop-opacity" => ".1"}
     %rect{fill: "#555", height: "20", rx: "3", width: width}

diff --git a/app/views/badges/static.haml b/app/views/badges/static.haml
@@ -1,7 +1,7 @@
 !!! XML
 %svg{height: "20", width: width, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink"}
   %a{"xlink:href"=> absolute_url(:static, :index), target: '_blank'}
-    %lineargradient#a{x2: "0", y2: "100%"}
+    %linearGradient#a{x2: "0", y2: "100%"}
       %stop{offset: "0", "stop-color" => "#bbb", "stop-opacity" => ".1"}
       %stop{offset: "1", "stop-opacity" => ".1"}
     %rect{fill: "#555", height: "20", rx: "3", width: width}