From 01227839e51d1f639c08fba9b07df14052c6accc Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Wed, 2 Feb 2022 09:44:20 +0100
Subject: [PATCH] Color the slider rectangle in number line mode also in
position 0
---
docs/release-notes-editor.txt | 2 ++
docs/release-notes-player.txt | 2 ++
projects/common/ui-elements/slider/slider.component.ts | 6 +++---
3 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/docs/release-notes-editor.txt b/docs/release-notes-editor.txt
index d74084739..c3cadfe2a 100644
--- a/docs/release-notes-editor.txt
+++ b/docs/release-notes-editor.txt
@@ -2,6 +2,8 @@ Editor
======
1.24.0
- Show arrow for slider in number line mode
+- Center the position of slider rectangle in number line mode
+- Color the slider rectangle in number line mode also in position 0
- Add a Unicode font to display squares, bars, and dots
1.23.0
diff --git a/docs/release-notes-player.txt b/docs/release-notes-player.txt
index 9f4de040b..33a42ac4d 100644
--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -2,6 +2,8 @@ Player
======
1.18.0
- Show arrow for slider in number line mode
+- Center the position of slider rectangle in number line mode
+- Color the slider rectangle in number line mode also in position 0
- Add a Unicode font to display squares, bars, and dots
1.17.0
diff --git a/projects/common/ui-elements/slider/slider.component.ts b/projects/common/ui-elements/slider/slider.component.ts
index e38ad534b..6132da496 100644
--- a/projects/common/ui-elements/slider/slider.component.ts
+++ b/projects/common/ui-elements/slider/slider.component.ts
@@ -101,9 +101,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
// eslint-disable-next-line max-len
'.arrow-head {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 20px solid #555;}',
// eslint-disable-next-line max-len
- ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 9px; height: 40px; bottom: -20px; margin-right: 5px;}',
- ':host ::ng-deep .bar-style .mat-slider-track-fill { background-color: rgba(0,0,0,0);}',
- ':host ::ng-deep .bar-style .mat-slider-track-background { background-color: rgba(0,0,0,0);}'
+ ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; width: 9px; height: 40px; bottom: -20px; margin-right: 5px; background-color: #006064}',
+ ':host ::ng-deep .bar-style .mat-slider-track-fill {background-color: rgba(0,0,0,0);}',
+ ':host ::ng-deep .bar-style .mat-slider-track-background {background-color: rgba(0,0,0,0);}'
]
})
export class SliderComponent extends FormElementComponent implements OnInit {
--
GitLab