Skip to content

fix: centralize warning message in static error - #20389

Merged
BrunoQuaresma merged 4 commits into
mainfrom
bq/fix-static-error-styles
Oct 21, 2025
Merged

BrunoQuaresma merged 4 commits into
mainfrom
bq/fix-static-error-styles

Conversation

@BrunoQuaresma

Copy link
Copy Markdown
Contributor
  • Centralize warning message in static error
  • Change a few typography styles to match coder/coder

Before:

Screenshot 2025-10-20 at 14 35 56

After:

Screenshot 2025-10-20 at 14 35 48

Fixes #20369

@BrunoQuaresma
BrunoQuaresma requested review from a team and buenos-nachos and removed request for a team October 20, 2025 17:38
@BrunoQuaresma
BrunoQuaresma marked this pull request as ready for review October 20, 2025 17:38
Comment thread site/static/error.html Outdated
</div>
</body>

<head>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the prettier code style is that <head> and <body> both should be indented

Comment thread site/static/error.html Outdated

p,
li {
color: rgb(161, 161, 170);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should still be a hex color

Comment thread site/static/error.html Outdated
p,
li {
color: rgb(161, 161, 170);
line-height: 22.4px;

@aslilac aslilac Oct 20, 2025 •

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

22.4px is a specific enough value to deserve a rationale comment. why not a percent anymore? why not 22px?

Comment thread site/static/error.html Outdated
padding-top: 10px;
margin-left: 30px;
font-size: 14px;
line-height: 25.6px;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

another very odd line-height choice

Comment thread site/static/error.html Outdated
}

.warning li {
text-align: left;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

where is the center align coming from? manually left aligning things that should just be left aligned feels like a bit of a bandaid

Comment thread site/static/error.html Outdated
background: rgb(13, 19, 33);
width: 100%;
padding: 24px;
text-align: left;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here

@BrunoQuaresma
BrunoQuaresma requested a review from aslilac October 21, 2025 13:20
@BrunoQuaresma

Copy link
Copy Markdown
Contributor Author

Not sure what I did to cause this diff 😓 I only changed a few lines, but it looks like something else got picked up too.

@aslilac aslilac left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also I think prettier usually lowercases hex colors. maybe try formatting it one more time? I guess this file is ignored because it's in static/ which is a bit unfortunate

Comment thread site/static/error.html Outdated
Comment on lines +2 to +8
This template is used by application handlers to render friendly error pages
when there is a proxy error (for example, when the target app isn't running).

Since it is served from subdomains, both on proxies and the primary, it MUST
NOT access any external resources. It must be entirely self-contained. This
includes anything in `/static` or `/icon`, as these are not served from
subdomains.
Since it is served from subdomains, both on proxies and the primary, it MUST
NOT access any external resources. It must be entirely self-contained. This
includes anything in `/static` or `/icon`, as these are not served from
subdomains.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe re-indent this comment if that also wasn't intentional?

Comment thread site/static/error.html Outdated
font-size: 24px;
margin-bottom: 8px;
font-weight: 400;
color: #FFF;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: for #fff and #000 I like to just use white and black as it's slightly faster to read

@BrunoQuaresma
BrunoQuaresma merged commit 87ce021 into main Oct 21, 2025
3 checks passed
@BrunoQuaresma
BrunoQuaresma deleted the bq/fix-static-error-styles branch October 21, 2025 17:39
@github-actions github-actions Bot locked and limited conversation to collaborators Oct 21, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI: Warning box not centered on 404 error page when visiting another user's task

2 participants