Commit 1d3d763853cc1563f2f6f37ba57e552d446a0916
1 parent
f0dde0ab
Semantic attributes gradient fix for Safari browser.
Showing
1 changed file
with
15 additions
and
3 deletions
semantics/static/js/semantics_roles.js
@@ -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}; |