Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
a5d97d2
feat: setup base macro and examples for in page navigation
petesfrench Feb 3, 2026
67d4038
feat: duplicate side-navigation styles and create an in-page demo
petesfrench Feb 3, 2026
7500ebd
feat: Style layout and sizing
petesfrench Feb 4, 2026
0d0ecd6
feat: Add dropdown and scroll behaviour
petesfrench Feb 4, 2026
d04ceb5
feat: Add manual and full-page mode to macro
petesfrench Feb 4, 2026
8d836ba
feat: update 'p-tooltip' to only applying style to first found 'p-too…
petesfrench Feb 6, 2026
7592253
feat: add JS to auto-build the navigation & for user interactions
petesfrench Feb 6, 2026
bd9c017
feat: allow passing a list of 'excludes' to no include in the navigat…
petesfrench Feb 6, 2026
7754c74
refactor: fix tooltip interactions
petesfrench Feb 6, 2026
30fcb81
feat: Add examples
petesfrench Feb 6, 2026
5a697cd
feat: Add documentation
petesfrench Feb 6, 2026
5b558fa
chore: bum version & update release notes
petesfrench Feb 6, 2026
c342744
refactor: apostrophe fixes
petesfrench Feb 10, 2026
078f91b
refactor: update documentation as per design comments
petesfrench Feb 10, 2026
2184050
feat: add smooth scrolling
petesfrench Feb 10, 2026
0e23aa8
refactor: adjust intersection oberserver to focus the center of the s…
petesfrench Feb 10, 2026
f0e71b3
feat: align mobile/tablet view to screen edge
petesfrench Feb 11, 2026
41563eb
feat: focus headings when clicking navigation links
petesfrench Feb 11, 2026
debae9d
fix: background color mismatch
petesfrench Feb 11, 2026
81a1373
fix: spacing issue on horizontal navigation
petesfrench Feb 11, 2026
3f3a760
feat: address design suggestions
petesfrench Feb 12, 2026
74b5dba
refactor: address documentation suggestions
petesfrench Feb 12, 2026
821ea00
chore: update 'in page' to 'in-page'
petesfrench Feb 12, 2026
48eec06
feat: adjust IntersectionObserver focus point dependent on screen size
petesfrench Feb 12, 2026
e36876f
refactor: run formatter
petesfrench Feb 12, 2026
c73ab25
feat: add custom positioning for tooltip in no overflow container
petesfrench Feb 23, 2026
4590c24
refactor: correct typos in docs
petesfrench Feb 23, 2026
a251b66
refactor: apply design suggestions
petesfrench Feb 23, 2026
cc656ba
refactor: consolidate styles based on screen sizes
petesfrench Feb 23, 2026
1e4508e
fix: linkchecker
petesfrench Feb 25, 2026
1472dc3
chore: address comments from code review
petesfrench Mar 2, 2026
ba9e9b1
chore: address code review comments
petesfrench Mar 3, 2026
7b93134
fix: run prettier
petesfrench Mar 3, 2026
99e81f6
chore: bump parker.js stylesheet threshold to 532480
petesfrench Mar 3, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "vanilla-framework",
"version": "4.44.0",
"version": "4.45.0",
"author": {
"email": "webteam@canonical.com",
"name": "Canonical Webteam"
Expand Down
6 changes: 6 additions & 0 deletions releases.yml
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
- version: 4.45.0
features:
- component: In-page navigation
url: /docs/patterns/in-page-navigation
status: New
notes: We've introduced a new in-page navigation pattern.
- version: 4.44.0
features:
- component: Hero section
Expand Down
12 changes: 12 additions & 0 deletions scss/_base_placeholders.scss
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,18 @@
}
}

%vf-pseudo-border--left {
position: relative;

&::before {
@extend %vf-pseudo-border;
bottom: 0;
height: auto;
top: 0;
width: 1px;
}
}

%hr {
background: $colors--theme--border-default;
border: 0;
Expand Down
Loading