diff --git a/projects/core/.visual/preferences-input.dark.png b/projects/core/.visual/preferences-input.dark.png index 40db85063..a89a7b714 100644 --- a/projects/core/.visual/preferences-input.dark.png +++ b/projects/core/.visual/preferences-input.dark.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:326728e3ac2dcde305e9ddf8627f7b0ec1de37646753cecb2af7c8f26d05f287 -size 13141 +oid sha256:a4598a40ebe1424262759adeb1cfc28c0f78bc6b69f30a78b23b41a10579b838 +size 13390 diff --git a/projects/core/.visual/preferences-input.png b/projects/core/.visual/preferences-input.png index d089b46e4..822ada461 100644 --- a/projects/core/.visual/preferences-input.png +++ b/projects/core/.visual/preferences-input.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1d694e219b95adeb2eddf1b4d0b3ccd64e61e966f6f50f4e1ae9c7f32e71b648 -size 13431 +oid sha256:fd31c6640e91dcd9879f4ab082ce45142347fbf1c1d6be9a2b1223c295dd2280 +size 13380 diff --git a/projects/core/src/preferences-input/preferences-input.css b/projects/core/src/preferences-input/preferences-input.css index bdafdb113..f11bd02af 100644 --- a/projects/core/src/preferences-input/preferences-input.css +++ b/projects/core/src/preferences-input/preferences-input.css @@ -14,6 +14,11 @@ flex-direction: column; } +nve-control, +nve-switch { + --label-text-transform: capitalize; +} + nve-menu { --width: 100%; } diff --git a/projects/core/src/preferences-input/preferences-input.test.ts b/projects/core/src/preferences-input/preferences-input.test.ts index 5c5ed5f1f..01bb742ce 100644 --- a/projects/core/src/preferences-input/preferences-input.test.ts +++ b/projects/core/src/preferences-input/preferences-input.test.ts @@ -39,6 +39,16 @@ describe(`${PreferencesInput.metadata.tag}: style check`, () => { expect(customElements.get(PreferencesInput.metadata.tag)).toBeDefined(); }); + it('should capitalize the color scheme label', () => { + const label = element.shadowRoot.querySelector('label'); + + if (!(label instanceof HTMLLabelElement)) { + throw new Error('Expected a color scheme label'); + } + + expect(getComputedStyle(label).textTransform).toBe('capitalize'); + }); + /** * Test form properties */