Bugs & Inconsistencies in Mobile section of style guide

soniakaukonen commented 1 year ago

[ ] Alerts and Toasts have old changelog 2020 inherited from Web style guide
[ ] Badges example illustration has wrong horizontal text padding in number badges. Numbers looks stuck to the bottom
[ ] Buttons (structural and color): text labels on buttons varies in light vs. dark mode which makes the page move. There are non-dark mode blue pill buttons in dark mode
[ ] Cards - Usage example has a gray / look through text. It is not white on dark mode blue button (?)
[ ] Lists - One switch is missing a padding towards the scrollbar in anatomy in light mode (dark mode example is different / page moves). The icon placeholder padding in same place in light mode varies too.
[ ] Radio buttons / states. Small vs. large label varies for Disabled Checked vs. Disabled Selected but they are the same state?
[ ] Scrollbar - Gray 3 in Anatomy is defined with differing color codes. #A3A6B1 is correct. Copy-paste error from light mode maybe (464n52 is wrong).
[ ] Status Bars. Styles and Accessibility sections have an (unnecessary?) hyphen in the Status-Bar title. Usage section has no/little content. Styles, Overlay illustrations are broken. Anatomy Illustrations broken on light mode Cannot follow the Android/iOS headings on dark mode. Bug?

See illustrations below:

soniakaukonen commented 1 year ago

Changelog in Alerts and Toasts

soniakaukonen commented 1 year ago

Buttons light vs. dark. This and following section:

Sentence style caps for pill buttons.

soniakaukonen commented 1 year ago

Not sure about this one, Cards button:

soniakaukonen commented 1 year ago

Lists: Padding of switch looks broken on light mode.

soniakaukonen commented 1 year ago

Radios: same state small vs. large (?) has inconsistent description/label/naming

soniakaukonen commented 1 year ago

Scrollbar has a flaw in Gray 3 code: two different codes.

soniakaukonen commented 1 year ago

Status bar, incomplete, broken images, hyphenized title in Styles and Accessibility tab.

coliff commented 1 year ago

Status bar, incomplete, broken images, hyphenized title in Styles and Accessibility tab.

soniakaukonen commented 1 year ago

Status bars, change to new icons

coliff commented 1 year ago

Status bars, change to new icons

the status bar page should be hidden - it is not finished. I made a PR to hide it which waiting for review https://github.com/trimble-oss/website-modus.trimble.com/pull/467

soniakaukonen commented 1 year ago

Bug in input illustration. Error and Success background touches the rounded outine and has a gap:

@nbyati

msankaran0712 commented 10 months ago

To be checked in/after #504

trimble-oss / modus