From 3be9d2ba84075a87933d017a326680d3916e705a Mon Sep 17 00:00:00 2001 From: gnaegi <none@none> Date: Tue, 18 Apr 2017 12:49:16 +0200 Subject: [PATCH] OO-2700 improve contrast in hotspot for black backgrounds --- .../ui/components/_content/hotspotInteraction.html | 7 ++++--- .../webapp/static/js/jquery/qti/jquery.hotspot.js | 14 ++++++++------ 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/main/java/org/olat/ims/qti21/ui/components/_content/hotspotInteraction.html b/src/main/java/org/olat/ims/qti21/ui/components/_content/hotspotInteraction.html index 3baa0c506be..f9b50d33366 100644 --- a/src/main/java/org/olat/ims/qti21/ui/components/_content/hotspotInteraction.html +++ b/src/main/java/org/olat/ims/qti21/ui/components/_content/hotspotInteraction.html @@ -25,9 +25,10 @@ <script type="text/javascript"> jQuery(function() { jQuery('#${qtiContainerId}_img').maphilight({ - fillColor: '888888', - strokeColor: '333333', - strokeOpacity: 0.5, + fillColor: 'bbbbbb', + fillOpacity: 0.5, + strokeColor: '666666', + strokeOpacity: 0.8, strokeWidth: 3, alwaysOn: true }); diff --git a/src/main/webapp/static/js/jquery/qti/jquery.hotspot.js b/src/main/webapp/static/js/jquery/qti/jquery.hotspot.js index 26823d09e1a..2d35266e6ce 100644 --- a/src/main/webapp/static/js/jquery/qti/jquery.hotspot.js +++ b/src/main/webapp/static/js/jquery/qti/jquery.hotspot.js @@ -96,19 +96,21 @@ function colorData(data) { if(data.selectedOn) { data.fillColor = '0000ff'; + data.fillOpacity = 0.5; data.strokeColor = '0000ff'; data.strokeOpacity = 1; data.shadow = true; - data.shadowX = 4; - data.shadowY = 4; - data.shadowRadius = 8; + data.shadowX = 0; + data.shadowY = 0; + data.shadowRadius = 7; data.shadowColor = '000000'; data.shadowOpacity = 0.8; data.shadowPosition = 'outside'; } else { - data.fillColor = '888888'; - data.strokeColor = '333333'; - data.strokeOpacity = 0.5; + data.fillColor = 'bbbbbb'; + data.fillOpacity = 0.5; + data.strokeColor = '666666'; + data.strokeOpacity = 0.8; data.shadow = false; } } -- GitLab