Slider and Range Slider: Wrong Font and Wrong Handle Width - Githubissues

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.5k stars 260 forks source link

Slider and Range Slider: Wrong Font and Wrong Handle Width #9614

Open siyanadicheva opened 1 month ago

siyanadicheva commented 1 month ago

Bug Description

How it is now:

Screenshot 2024-08-01 at 8 29 23

The font of the numbers should be --sapFontSmallSize (72 font): Font

The handles should be with width: 1.5rem in Compact and width: 2rem in Cozy: Compact Cozy

Link to Visual Spec: https://wiki.one.int.sap/wiki/pages/viewpage.action?pageId=2698915260

The same applies for Range Slider.

Affected Component

Slider and Range Slider

Expected Behaviour

No response

Isolated Example

No response

Steps to Reproduce

No response

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

https://sap.github.io/ui5-webcomponents/components/Slider/

Browser

Chrome

Operating System

iOS

Additional Context

No response

Organization

No response

Declaration

[X] I’m not disclosing any internal or sensitive information.

ivoplashkov commented 1 month ago

Hello colleagues,

The width of the handles and fontsize of the labels of the Slider/RangeSlider seems to be incorrect according to the visual spec. Could you please have a look?

Best regards, Ivaylo