From bab027a95da33015b021d112624a2aad511cc0e6 Mon Sep 17 00:00:00 2001 From: Evgeniia Rassokhina Date: Wed, 21 Jul 2021 10:21:33 +0300 Subject: [PATCH] CE-1004 Fixed issue with pixelated ROI boxes in Safari browser --- CHANGELOG.md | 4 ++++ TEST_NOTES.md | 2 ++ assets/less/a2-components/audiodata.less | 11 ++++++++++- 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a1a55187a..cc276c118 100644 --- 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 index 86b7fc88c..d50fcb647 100644 --- 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 index 1378a9585..5b4fcad82 100644 --- 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