CE-1004 Fixed issue with pixelated ROI boxes in Safari browser

rfcx · Jul 21, 2021 · bab027a · bab027a
1 parent 62aa29b
commit bab027a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,10 @@ Performance improvements:
 - CE-1068 CNN list page loads quicker
 - CE-1069 CNN job details loads quicker
 
+Resolved issues:
+
+- CE-1004 Fixed issue with pixelated ROI boxes in Safari browser
+
 ## v3.0.31 - July 14, 2021
 
 New features:

diff --git a/TEST_NOTES.md b/TEST_NOTES.md
@@ -12,6 +12,8 @@ Test Notes are used to list what pages / components / features / user flows are
   - CNN list page: all data is still shown correctly and table loads quickly
 - CE-1069 CNN job details loads quicker
   - CNN details page: all data is still shown correctly and default filter works quicker
+- CE-1004 Fixed issue with pixelated ROI boxes in Safari browser
+ - PM details page: all boxes are not pixelated in Safari browser
 
 ## v3.0.31
 

diff --git a/assets/less/a2-components/audiodata.less b/assets/less/a2-components/audiodata.less
@@ -201,7 +201,6 @@
     }
 
     .roi-img {
-        image-rendering: -webkit-optimize-contrast;
         width:125px;
         height:125px;
         margin:2px;
@@ -211,6 +210,16 @@
         }
     }
 
+    @media screen and (-webkit-min-device-pixel-ratio:0) {
+        .roi-img {
+            image-rendering: -webkit-optimize-contrast;
+        }
+        _::-webkit-full-page-media, _:future, :root, .roi-img {
+            image-rendering: optimizeQuality; // Safari
+        }
+    }
+
+
     .roi-img-cnn {
         height: 125px;
         width: 242px; //todo, make dynamic