Skip to content
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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

New full-width layout for Design System website [WD-775] #4621

Merged
merged 18 commits into from
Jan 25, 2023

Conversation

bartaz
Copy link
Contributor

@bartaz bartaz commented Dec 9, 2022

Done

Adds new layout components necessary to build new full-width site layout for Vanilla and Design System sites.

Fixes WD-775

This is currently considered experimental and internal feature, so no documentation is provided yet. We just want to release it and start using it on design.ubuntu.com and Vanilla later on.

QA

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

  • PR should have one of the following labels to automatically categorise it in release notes:
    • Feature 馃巵, Breaking Change 馃挘, Bug 馃悰, Documentation 馃摑, Maintenance 馃敤.
  • Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
    • if CSS class names are not changed it can be bugfix relesase (x.x.X)
    • if CSS class names are changed/added/removed it should be minor version (x.X.0)
    • see the wiki for more details
  • Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.
  • Documentation side navigation should be updated with the relevant labels.

Screenshots

image

@webteam-app
Copy link

Demo starting at https://vanilla-framework-4621.demos.haus

@bartaz bartaz changed the title Move POC code to SCSS and new example New documentation layout for Design System website Dec 9, 2022
@bartaz bartaz changed the title New documentation layout for Design System website New documentation layout for Design System website [WD-775] Dec 9, 2022
@bartaz bartaz force-pushed the WD-775-new-documentation-layout branch from 4374976 to 7d2ab58 Compare January 17, 2023 12:02
@bartaz bartaz force-pushed the WD-775-new-documentation-layout branch from 4ab1335 to 6e4e4e8 Compare January 20, 2023 14:59
@bartaz bartaz changed the title New documentation layout for Design System website [WD-775] New full-width layout for Design System website [WD-775] Jan 24, 2023
@bartaz bartaz added the Feature 馃巵 New feature or request label Jan 24, 2023
Copy link
Contributor

@ClementChaumel ClementChaumel left a comment

Choose a reason for hiding this comment

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

LGTM, just had some tiny nitpicks.
Also, do we want a demo that displays some content in the end section of the layout?

- fixes opening sidebar navigation on small screens
- removes renundant background from HTML
- fixes background and shadow styling
@bartaz bartaz force-pushed the WD-775-new-documentation-layout branch from 95afb5f to d18c997 Compare January 24, 2023 16:10
@bartaz bartaz merged commit 744a101 into canonical:main Jan 25, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants