[openstreetmap/openstreetmap-website] Add Human facing error messages when users without WebGL use (PR #6782)

[Tom Hughes]

@tomhughes requested changes on this pull request.



> @@ -3763,3 +3763,10 @@ en:
     trailing_whitespace: "has trailing whitespace"
     invalid_characters: "contains invalid characters"
     url_characters: "contains special URL characters (%{characters})"
+  webgl_error_pane:

This should be `webgl_error_panes` and then you should have `show` underneath it with the resources underneath that.


```suggestion
  webgl_error_panes:
    show:
```

Then you will be able to use relative lookups in the view.

> @@ -0,0 +1,18 @@
+<div class="maplibre-error w-100 h-100 d-flex flex-column align-items-center justify-content-center text-center p-3 fs-5 lh-base bg-info-subtle text-info-emphasis" data-bs-theme="light">
+  <p class="maplibre-error-compact d-none position-absolute bottom-0 start-0 end-0 py-1 px-2 m-0 fw-bold">
+    <%= t("webgl_error_pane.compact_message") %>

This, and other translation lookups in here, can just be `.compact_message` if you use the correct structure in the locale file.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/6782#pullrequestreview-3872496560
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/6782/review/3872496560 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260301/c04242c2/attachment.htm>