Skip to content

UI inconsistencies in the report detail view (colors, spacing, number formatting) #671

Description

@helloDanuk

Bug description

Everything below is on SEO Pro → Reports. The letters match the annotations in the attached screenshot. Take what you feel is useful and leave the rest.

A.) The blue in the page-URL and for the active-rule highlight in the summary table: To me, they look like they were chosen at random comparing to the whole UI-system. Might be worth tying to the accent-color?

B.) Warnings are styled red like failures in the "Page Details"-modal. I would expect it to be amber, like ui-alert warning.

C.) text-orange / bg-orange for the middle score range. These are old colors not yet from Statamic UI design system. Change to amber?

D.) The "Page Details" heading has no spacing and sits directly between the summary panel and the listing.

E.) Numerals in the modal don't use proportional figures, they render as tabular figures, which is noticeable when you have "11".

F.) The best German translation for “Fail” in this context is “Nicht bestanden.” The “Status” column is too narrow for this, causing the text to wrap. “Fehler” means “Error” and would be the second best option. However, a more flexible column width might be a better choice, especially with other languages in mind.

G.) In German there is a (nobreak)-space between the digit and the sign. Instead of "92%" it should be "92 %".

H.) Not in the screenshot: When you enable a rule in the summary table, the content below it alternates between the “row active” and “inactive” states on the page.

How to reproduce

Image

Logs

Environment

Environment
Laravel Version: 12.69.2
PHP Version: 8.4.23
Composer Version: 2.10.1
Environment: local
Debug Mode: ENABLED
Maintenance Mode: OFF
Timezone: UTC
Locale: de_CH

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: background
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 4
License Key: Not set
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.33.0 PRO

Statamic Addons
daun/statamic-original-filename: 1.1.1
mitydigital/statamic-llms-txt: 1.0.0
statamic/seo-pro: 7.14.2
swiftmade/statamic-clear-assets: 3.4.0

Additional details

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions