Article headers are hard to read sometimes #650
Labels
No labels
A: API
A: Backend
A: Federation
A: Front-End
A: I18N
A: Meta
A: Security
Build
C: Bug
C: Discussion
C: Enhancement
C: Feature
Compatibility
Dependency
Design
Documentation
Good first issue
Help welcome
Mobile
Rendering
S: Blocked
S: Duplicate
S: Incomplete
S: Instance specific
S: Invalid
S: Needs Voting/Discussion
S: Ready for review
Suggestion
S: Voted on Loomio
S: Wontfix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference: Plume/Plume#650
Loading…
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
With some specific screen resolutions, the shadow that should make the article metadata readable is too short to be useful:
(example with an Apple Retina screen, that is equivalent to 1440×900)
a6c84daa1a
This issue is only apparent of white (or transparent) backgrounds. Also present on iPhone.
Maybe some use of
-webkit-linear-gradient
in the theme's stylesheet files would solve it.The linear-gradient/shadow is here as you can see, so I don't think it is a browser or platform specific issue, it is just that we should find a way to make sure it is big enough to cover all text, independently of screen size.
So... simply increasing the
vh
values inarticle.scss
?It could be a solution, but at the same time, it would hide the image too much I think. I need to do test to see if it fixes the issue for every screen ratio/size, and if it doesn't look too weird to have a shadow over the whole image.
maybe a more general flat shadow? or adding the shadow to the text box instead of the whole header? or perhaps redesigning the header such that the entire article overlays it instead of just the article header?
for consideration: i polled about similar things some time ago here: https://mastodon.social/@trwnh/102313099026637673
Thanks for sharing this thread! The results will probably help a lot (and thanks for the suggestions too, I will experiment with different solutions to see what is best).