aws / mynah-ui

https://aws.github.io/mynah-ui/
Apache License 2.0
13 stars 11 forks source link

fix: #81 scrollbar #83

Closed 32teeth closed 1 month ago

32teeth commented 1 month ago

Problem

Solution

Everything that needs / requires a scrollbar predicated by overflow conditions now has a scrollbar

* {
  scrollbar-gutter: unset;
  scrollbar-color: color-mix(
    in hsl,
    var(--mynah-color-text-default),
    hsl(0, 100%, 100%) 90%)
    transparent;
}
Screenshot 2024-07-19 at 8 03 03 AM

License

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

volodkevych commented 1 month ago

Is there a reason to have scrollbar visible all the time? Where are requirements coming from? Should it be configurable? For example, Google Chrome has the same scrollbar style as MynahUI currently and I like it, tbh.

32teeth commented 1 month ago

Is there a reason to have the scrollbar visible all the time? Where are requirements coming from? Should it be configurable? For example, Google Chrome has the same scrollbar style as MynahUI currently, and I like it, to be honest.

The scrollbar by default never shows up for me, hence the change. The appearing/disappearing scrollbar will also be set by the user's OS preferences.

From an accessibility perspective, having the scrollbar always visible can benefit users with motor impairments or those who rely on visual cues for navigation. Ensuring that UI elements like scrollbars are consistently present can enhance usability for all users, making it easier to interact with content regardless of their individual needs or preferences. Thus, providing a configurable option allows us to cater to diverse accessibility requirements.