@@ -5,29 +5,30 @@ class SidebarRail < Base
55 def view_template ( &)
66 button ( **attrs , &)
77 end
8+
89 private
910
1011 def default_attrs
1112 {
1213 class : [
13- " absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all" ,
14- " ease-linear after:absolute after:inset-y-0 after:left-1/2" ,
15- " after:w-[2px] hover:after:bg-sidebar-border" ,
16- " group-data-[side=left]:-right-4 group-data-[side=right]:left-0" ,
17- " sm:flex [[data-side=left]_&]:cursor-w-resize" ,
18- " [[data-side=right]_&]:cursor-e-resize" ,
19- " [[data-side=left][data-state=collapsed]_&]:cursor-e-resize" ,
20- " [[data-side=right][data-state=collapsed]_&]:cursor-w-resize" ,
21- " group-data-[collapsible=offcanvas]:translate-x-0" ,
22- " group-data-[collapsible=offcanvas]:after:left-full" ,
23- " group-data-[collapsible=offcanvas]:hover:bg-sidebar" ,
24- " [[data-side=left][data-collapsible=offcanvas]_&]:-right-2" ,
25- " [[data-side=right][data-collapsible=offcanvas]_&]:-left-2" ,
14+ ' absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all' ,
15+ ' ease-linear after:absolute after:inset-y-0 after:left-1/2' ,
16+ ' after:w-[2px] hover:after:bg-sidebar-border' ,
17+ ' group-data-[side=left]:-right-4 group-data-[side=right]:left-0' ,
18+ ' sm:flex [[data-side=left]_&]:cursor-w-resize' ,
19+ ' [[data-side=right]_&]:cursor-e-resize' ,
20+ ' [[data-side=left][data-state=collapsed]_&]:cursor-e-resize' ,
21+ ' [[data-side=right][data-state=collapsed]_&]:cursor-w-resize' ,
22+ ' group-data-[collapsible=offcanvas]:translate-x-0' ,
23+ ' group-data-[collapsible=offcanvas]:after:left-full' ,
24+ ' group-data-[collapsible=offcanvas]:hover:bg-sidebar' ,
25+ ' [[data-side=left][data-collapsible=offcanvas]_&]:-right-2' ,
26+ ' [[data-side=right][data-collapsible=offcanvas]_&]:-left-2'
2627 ] ,
2728 data : {
28- sidebar : " rail" ,
29- sidebar_trigger : true ,
30- tabindex : "-1"
29+ sidebar : ' rail' ,
30+ tabindex : '-1' ,
31+ action : 'click->ruby-ui--sidebar#toggle'
3132 }
3233 }
3334 end
0 commit comments