Skip to content

Commit 722bed2

Browse files
Remove nav right border and smooth close animation (#79)
- Drop right border from navigation container - Match panel's 300ms transform transition; remove visibility toggle that snapped the close - Remove right padding on desktop nav links
1 parent 2c87634 commit 722bed2

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

app/assets/tailwind/layered/ui/styles.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -585,21 +585,21 @@
585585
/* Navigation */
586586

587587
.l-ui-navigation-container {
588-
@apply invisible fixed top-[var(--header-height)] left-0 bottom-0
588+
@apply fixed top-[var(--header-height)] left-0 bottom-0
589589
z-50
590590
w-[240px]
591591
bg-background
592-
border-r border-t border-border
592+
border-t border-border
593593
-translate-x-full
594-
transition-transform duration-200;
594+
transition-transform duration-300;
595595
}
596596

597597
.l-ui-navigation-container--open {
598-
@apply visible translate-x-0;
598+
@apply translate-x-0;
599599
}
600600

601601
.l-ui-body--always-show-navigation .l-ui-navigation-container {
602-
@apply md:visible md:translate-x-0;
602+
@apply md:translate-x-0;
603603
}
604604

605605
.l-ui-backdrop {
@@ -726,7 +726,7 @@
726726
.l-ui-navigation__links {
727727
@apply flex flex-col flex-1 overflow-y-auto
728728
min-h-0
729-
gap-0.5 px-3 py-3;
729+
gap-0.5 px-3 md:pr-0 py-3;
730730
}
731731

732732
.l-ui-navigation__user {

0 commit comments

Comments
 (0)