Slider styling css

rhizomik · Aug 30, 2022 · 84e6d6e · 84e6d6e
1 parent 304f673
commit 84e6d6e
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/src/app/range/detail-range/detail-range.component.css b/src/app/range/detail-range/detail-range.component.css
@@ -0,0 +1,28 @@
+::ng-deep .range-slider {
+  /*margin-top: -10px;*/
+}
+
+::ng-deep .range-slider .ngx-slider .ngx-slider-selection {
+  background: #007bff;
+}
+
+::ng-deep .range-slider .ngx-slider .ngx-slider-pointer {
+  width: 16px;
+  height: 16px;
+  top: -6px;
+  background-color: #ffc107;
+}
+
+::ng-deep .range-slider .ngx-slider .ngx-slider-pointer:after {
+  top: 4px;
+  left: 4px;
+  background-color: #007bff;
+}
+
+::ng-deep .range-slider .ngx-slider .ngx-slider-bubble {
+  cursor: default;
+  bottom: 12px;
+  padding: 0 0 0 6px;
+  color: #212529;
+  font-size: 80%;
+}