From 0204c9d55159e22d94394009e13e759c52d099f6 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 28 Jan 2022 12:33:31 +0100
Subject: [PATCH] Do not color the progress on the number line

---
 docs/release-notes-editor.txt                          | 1 +
 docs/release-notes-player.txt                          | 1 +
 projects/common/ui-elements/slider/slider.component.ts | 4 +++-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/release-notes-editor.txt b/docs/release-notes-editor.txt
index 8de3be32f..bffd118ad 100644
--- a/docs/release-notes-editor.txt
+++ b/docs/release-notes-editor.txt
@@ -4,6 +4,7 @@ Editor
  - Fix setting of the default z-index for frames
  - Use dot instead of comma as thousands separator in number line
  - Rename option "Balken statt Kreis" of number line to "Zahlenstrahl-Modus"
+ - Do not color the progress on the number line
 
 1.22.0
 - Rework cloze element
diff --git a/docs/release-notes-player.txt b/docs/release-notes-player.txt
index 4659a93f3..7760a4661 100644
--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -5,6 +5,7 @@ Player
 - Change names of virtual keyboards for math
 - Fix the display of dynamic elements with negative z-index
 - Use dot instead of comma as thousands separator in number line
+- Do not color the progress on the number line
 
 
 1.16.0
diff --git a/projects/common/ui-elements/slider/slider.component.ts b/projects/common/ui-elements/slider/slider.component.ts
index c894fbb08..d212e7600 100644
--- a/projects/common/ui-elements/slider/slider.component.ts
+++ b/projects/common/ui-elements/slider/slider.component.ts
@@ -63,7 +63,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     </div>
   `,
   styles: [
-    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 10px; height: 40px; bottom: -15px}'
+    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 10px; height: 40px; bottom: -15px}',
+    ':host ::ng-deep .bar-style .mat-slider-track-fill { background-color: rgba(0,0,0,.38);}',
+    ':host ::ng-deep .bar-style .mat-slider-track-background { background-color: rgba(0,0,0,.38);}'
   ]
 })
 export class SliderComponent extends FormElementComponent implements OnInit {
-- 
GitLab