Walenty / Slowal

Commit 1d3d763853cc1563f2f6f37ba57e552d446a0916

Authored by Bartłomiej Nitoń
1 parent f0dde0ab

Semantic attributes gradient fix for Safari browser.

Inline Side-by-side
Showing 1 changed file with 15 additions and 3 deletions
semantics/static/js/semantics_roles.js
  View file @1d3d763
@@ -43,13 +43,19 @@ function memorizeRoles(roles_display){ @@ -43,13 +43,19 @@ function memorizeRoles(roles_display){
43 function getStyle(frame_id, complement_num) { 43 function getStyle(frame_id, complement_num) {
44 style_type = ""; 44 style_type = "";
45 style_color = ""; 45 style_color = "";
46 - style_value = "" 46 + style_value = "";
47 roles = frame_content[parseInt(frame_id)].display.roles[complement_num].argument; 47 roles = frame_content[parseInt(frame_id)].display.roles[complement_num].argument;
48 var i; 48 var i;
49 for (i = 0; i < roles.length; i++) { 49 for (i = 0; i < roles.length; i++) {
50 var color = role_color[roles[i]]; 50 var color = role_color[roles[i]];
51 if (color.gradient != "None") { 51 if (color.gradient != "None") {
52 - style_type = "linear-gradient(to " + color.gradient + ", "; 52 + // Safari browser only
  53 + if(navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
  54 + style_type = "-webkit-linear-gradient(" + color.gradient + ", ";
  55 + }
  56 + else {
  57 + style_type = "linear-gradient(to " + color.gradient + ", ";
  58 + }
53 } else { 59 } else {
54 style_color = color.color 60 style_color = color.color
55 } 61 }
@@ -58,7 +64,13 @@ function getStyle(frame_id, complement_num) { @@ -58,7 +64,13 @@ function getStyle(frame_id, complement_num) {
58 style_type = "background-color"; 64 style_type = "background-color";
59 style_value = "rgb(" + style_color + ")"; 65 style_value = "rgb(" + style_color + ")";
60 } else { 66 } else {
61 - style_value = style_type + "rgba(" + style_color + ",0.1), rgba(" + style_color + ",1))"; 67 + // Safari browser only
  68 + if(navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
  69 + style_value = style_type + "rgba(" + style_color + ",1), rgba(" + style_color + ",0.1))";
  70 + }
  71 + else {
  72 + style_value = style_type + "rgba(" + style_color + ",0.1), rgba(" + style_color + ",1))";
  73 + }
62 style_type = "background"; 74 style_type = "background";
63 } 75 }
64 return {"type": style_type, "value": style_value}; 76 return {"type": style_type, "value": style_value};