From 47f9729a925d1eac440098631bb3dfd40deb92e8 Mon Sep 17 00:00:00 2001
From: Jan-Hendrik Willms <tleilax+studip@gmail.com>
Date: Mon, 29 Aug 2022 10:43:13 +0000
Subject: [PATCH] remove global test for high contrast mode and use it only
locally on the one occassion, fixes #1493
Closes #1493
Merge request studip/studip!933
---
.../javascripts/bootstrap/application.js | 27 -------------------
.../vue/components/MyCoursesNavigation.vue | 2 +-
2 files changed, 1 insertion(+), 28 deletions(-)
diff --git a/resources/assets/javascripts/bootstrap/application.js b/resources/assets/javascripts/bootstrap/application.js
index b7e3854a2c2..994171c0937 100644
--- a/resources/assets/javascripts/bootstrap/application.js
+++ b/resources/assets/javascripts/bootstrap/application.js
@@ -384,33 +384,6 @@ jQuery(document).on('click', 'a[data-behaviour~="ajax-toggle"]', function (event
});
}(jQuery));
-// Detect high contrast mode
-// https://gist.github.com/ffoodd/78f99204b5806e183574
-$(window).on('load', () => {
- function prefersContrast () {
- if (window.matchMedia('prefers-contrast: more').matches || window.matchMedia('prefers-contrast: high').matches) {
- return true;
- }
-
- const testColor = 'rgb(31,41,59)';
- const testElement = document.createElement('a');
- let strColor;
-
- testElement.style.color = testColor;
- document.documentElement.appendChild(testElement);
- strColor = document.defaultView ? document.defaultView.getComputedStyle(testElement, null).color : testElement.currentStyle.color;
- strColor = strColor.replace(/ /g, '');
- document.documentElement.removeChild(testElement);
- return strColor !== testColor;
- }
-
- document.querySelector('html').classList.toggle(
- 'high-contrast-mode-activated',
- prefersContrast()
- );
-});
-
-
// Trigger consuming mode on contentbar
STUDIP.domReady(function () {
$(document).on("click", ".consuming_mode_trigger", function () {
diff --git a/resources/vue/components/MyCoursesNavigation.vue b/resources/vue/components/MyCoursesNavigation.vue
index 3c899b1022d..48fb23718cc 100644
--- a/resources/vue/components/MyCoursesNavigation.vue
+++ b/resources/vue/components/MyCoursesNavigation.vue
@@ -70,7 +70,7 @@ $icon-padding: 3px;
a {
padding: $icon-padding - $border-width;
}
- html.high-contrast-mode-activated & {
+ @media (prefers-contrast: more) {
a {
border: 1px dashed mixins.$black;
}
--
GitLab