Page MenuHomePhabricator

[web][landing] Fix miscellaneous CSS issues
ClosedPublic

Authored by atul on Jun 22 2022, 7:13 PM.
Tags
None
Referenced Files
Unknown Object (File)
Sun, Jun 23, 1:08 PM
Unknown Object (File)
Sat, Jun 22, 4:16 PM
Unknown Object (File)
Sat, Jun 22, 7:15 AM
Unknown Object (File)
Fri, Jun 21, 8:35 PM
Unknown Object (File)
Tue, Jun 18, 9:37 PM
Unknown Object (File)
Mon, Jun 17, 7:43 AM
Unknown Object (File)
Mon, Jun 17, 12:27 AM
Unknown Object (File)
Mon, Jun 17, 12:27 AM
Subscribers

Details

Summary

Ran the code analysis tool in IDE which surfaced some misc CSS issues. I'll label each issue inline.


Depends on D4338

Test Plan

NA, careful reading

Diff Detail

Repository
rCOMM Comm
Branch
june21 (branched from master)
Lint
No Lint Coverage
Unit
No Test Coverage

Event Timeline

landing/info-block.css
31

We should include a fallback font here. In this case sans-serif

31 ↗(On Diff #13694)

W

31 ↗(On Diff #13694)

We should include a fallback here

landing/subscription-form.css
10

Properties could be collapsed into single line

web/components/menu.css
41

background-color and color were included twice (with the same values each time)

web/theme.css
129

Typo, --shades-of-white-60 doesn't exist

atul requested review of this revision.Jun 22 2022, 7:23 PM
tomek added inline comments.
landing/info-block.css
31

Can we define something like --font-stack on web?

web/theme.css
129

Please check if this change modifies how the result looks like

This revision is now accepted and ready to land.Jun 23 2022, 4:56 AM
abosh added inline comments.
landing/subscription-form.css
10

Don't need units for 0.

Read more: https://stackoverflow.com/q/7923042/13079675

65
landing/info-block.css
31
landing/subscription-form.css
10

Saw that this was handled on another diff

web/theme.css
129

It looks like it fixes an issue.

Before:

764414.png (196×812 px, 22 KB)

After:

44cbde.png (190×828 px, 21 KB)


Before this fix, the active thread text was 100% white (255,255,255) which made it look unread. This fixes the styling for active && read threads.

atul edited the summary of this revision. (Show Details)

rebase after cherrypicking and before landing

FYI, I can't see the images in this inline comment. I ran into a similar issue when reviewing another diff, so maybe this is an issue where images don't show up on inline comments.

image.png (1×1 px, 144 KB)

Edit:
Ah, after you rebased now I can see the images:
{F82863}
This can probably be disregarded, then.

This revision was landed with ongoing or failed builds.Jun 24 2022, 11:22 AM
This revision was automatically updated to reflect the committed changes.