Update homepage style #15775
Update homepage style #15775
Conversation
hasezoey
left a comment
hasezoey
left a comment
There was a problem hiding this comment.
Overall i would say this looks OK, though due to the new li::before, there are some unwanted things.
For anyone that does not want to run it locally:
Screenshot of current state
Without advertisements, as those are not build on local deployments:
For comparison, the current homepage style
docs/css/style.css
Outdated
| -webkit-background-clip: text; | ||
| -webkit-text-fill-color: transparent; |
There was a problem hiding this comment.
Does there not exist non-webkit specific properties for this?
| li:before { | ||
| content: "▸"; | ||
| position: absolute; | ||
| left: 0; | ||
| color: #8B0000; | ||
| font-weight: bold; | ||
| } |
There was a problem hiding this comment.
Due to this now being a thing, it also needs to be disabled for #links > ul > li::before and #follow > ul > li::before (see screenshot)
hasezoey
added
the
docs
- Replace webkit-specific text-fill-color with standard color property - Remove bullet points from #links and #follow sections
|
Changes Made:
Testing:
Related Issues: Additional Notes:
@hasezoey Could you please review this when you get a chance? |
There was a problem hiding this comment.
Looks better now. Though i only became aware after first reviewing this PR, there already exists a (slight) redesign, which also encapsulates the API and guides: #15753.
Once more for those who dont want to run it locally
Current PR state:
|
Thank you for the update and for pointing out #15753, sir. |
There are still some things open in the mentioned PR that need to be resolved (and either would need to adapt to the other if merged), and i dont know if mongoose wants to go in the direction with this or the other redesign. |
2 participants
Updated the documentation site's CSS (
docs/css/style.css) to improve visual design and modernize styling. Added a gradient background, updated the homepage container with rounded corners and shadows, and refreshed code block styling with a dark theme and improved spacing. Replaced-webkit-prefixes with standard CSS transitions, changed list bullets to custom arrow bullets, and refined spacing, padding, and visual hierarchy. The changes include 318 additions and 50 deletions, improving readability and visual consistency across the documentation site.