New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: Website Enhancements #11285
fix: Website Enhancements #11285
Conversation
✅ Errors or warnings were resolved via the commit 958d5f5! Please visit Sider for details. You can turn off this notification if you don't want to receive it from now on. |
This pull request has been automatically marked as stale because it has not had recent activity. It will be closed within 3 days if no further activity occurs, but it only takes a comment to keep a contribution alive :) Also, even if it is closed, you can always reopen the PR when you're ready. Thank you for contributing. |
- Split footer in files - Footer grouped links styling - Put footer logo and extension in one row - Delete unused footer_items.html - Uncheck Right when adding Footer Items in Website Settings
Before this change the hero image would cause a layout reflow resulting a layout jump when the image is loaded
- Add left margin to Navbar CTA
- web_block object need not be a WebPageBlock instance
- Vertical align content to top or middle - Configurable column split
…ancements-for-redesign
77f732a
to
958d5f5
Compare
New Features
1. Section with Collapsible Content
Screenshot
3. Footer
Updated styling for grouped links.
Screenshot
4. Section with Features
Screenshot
5. Section with Embed
Screenshot
6. CSS Variables
Common CSS values like colors and font sizes are now available to use via CSS Custom Properties.
Usage Example:
7. Customizable Navbar and Footer
The website Navbar and Footer can now be customized using custom Web Templates. Just create a Web Template and set it's type to Navbar/Footer and change the Navbar/Footer template in Website Settings.
Extended spacing scale
Bootstrap provides a spacing scale of 1 to 5. So you can use classes like
mt-2
,mt-5
to apply a margin top of 0.5rem and 3rem respectively. This PR extends the spacing scale from 1 through 64.Spacing scale
Fixes to existing features
Hero image layout reflow on lazy load
In Hero with Right Image, the image would cause a "jump" in the page when it is loaded. This is now fixed.
Hero now supports center alignment.
Section with Image supports center alignment.
Standard Web Templates will not be editable in production mode
Support style tags in Web Template
Style tags will now be extracted and loaded once per Web Template. So, if the template is used multiple times on the same page, the style tag will be rendered only once.
web_block
helper for rendering web templatesMarkdown template supports center alignment.
Render html as text in HTMLEditor to prevent html injection
Split section with Image