Skip to content

feat(cotton): add layout_without_navigation element #5851

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.

Sign up for GitHub

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

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

feat(cotton): add layout_without_navigation element #5851

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1297d7e
feat(cotton): add layout_without_navigation element
Jul 1, 2025
af7e5da
fix(layout): remove max-width calculation based on navigation width
Jul 1, 2025
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
13 changes: 13 additions & 0 deletions cl/assets/templates/cotton/layout_without_navigation/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<div
{{ attrs }}
x-data="intersect"
class="w-full flex max-md:flex-wrap md:gap-5 relative"
data-intersect-id-attr="intersectTarget"
data-active-item-classes="font-semibold border-l-2 border-l-primary-600 text-primary-600"
data-inactive-item-classes="font-normal border-l border-l-greyscale-200"
>

<article id="article" class="flex flex-col gap-11 items-start max-md:pt-4 max-w-full md:max-w-[calc(100%)] [&_section]:flex [&_section]:flex-col [&_section]:gap-4">
{{ slot }}
</article>
</div>
9 changes: 9 additions & 0 deletions cl/assets/templates/cotton/layout_without_navigation/section.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<c-vars id class="" ></c-vars>

<section
x-intersect.margin.-20%.0.-65%.0="show"
id="{{ id }}"
class="max-w-[--padded-full-width] w-full {{ class }}"
>
{{ slot }}
</section>