Skip to content

Commit 9c5a2f3

Browse files
committed
bug #1756 [Site] Fix input range colors (Kocal)
This PR was merged into the 2.x branch. Discussion ---------- [Site] Fix input range colors | Q | A | ------------- | --- | Bug fix? | no | New feature? | no <!-- please update src/**/CHANGELOG.md files --> | Issues | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exist, explain below instead --> | License | MIT <!-- Replace this notice by a description of your feature/bugfix. This will help reviewers and should be a good start for the documentation. Additionally (see https://symfony.com/releases): - Always add tests and ensure they pass. - For new features, provide some code snippets to help understand usage. - Features and deprecations must be submitted against branch main. - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry - Never break backward compatibility (see https://symfony.com/bc). --> Following #1743 (comment), removing the custom CSS and configuring Bootstrap variables made the `.form-range` displays correctly in both Chrome and Firefox: <img width="1528" alt="image" src="https://github.com/symfony/ux/assets/2103975/0a45fa49-5ff4-4da2-869d-16e875eef20c"> <img width="1433" alt="image" src="https://github.com/symfony/ux/assets/2103975/f2065757-3e27-45e1-9e4f-e471603e9118"> Commits ------- 6879b28 [Site] Fix input range colors
2 parents 2861563 + 6879b28 commit 9c5a2f3

File tree

2 files changed

+3
-9
lines changed

2 files changed

+3
-9
lines changed

ux.symfony.com/assets/styles/_variables.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,3 +18,6 @@ $primary: #222 !default;
1818
$size-unit: calc(8px + 1.5625vw);
1919

2020
$font-family-monospace: var(--font-family-code);
21+
22+
$form-range-track-bg: var(--bs-body-bg);
23+
$form-range-thumb-bg: var(--bs-secondary-color);

ux.symfony.com/assets/styles/vendor/_bootstrap.scss

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -37,12 +37,3 @@
3737
}
3838

3939
}
40-
41-
42-
.form-range::-moz-range-track {
43-
background: var(--bs-secondary-bg-subtle);
44-
}
45-
46-
.form-range::-moz-range-thumb {
47-
background: var(--bs-secondary-color);
48-
}

0 commit comments

Comments
 (0)