Skip to content

Commit

Permalink
move popover from tippyjs to floating ui
Browse files Browse the repository at this point in the history
  • Loading branch information
@jacksonpires
jacksonpires committed Sep 15, 2024
1 parent 808c604 commit 49bc489
Showing 1 changed file with 42 additions and 42 deletions.
84 changes: 42 additions & 42 deletions app/views/docs/popover_view.rb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ def view_template
Button(variant: :outline) { "Open Popover" }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -30,7 +30,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -53,7 +53,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand Down Expand Up @@ -85,7 +85,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'top' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -103,7 +103,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -126,7 +126,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -152,7 +152,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'top-start' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -170,7 +170,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -193,7 +193,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -219,7 +219,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'top-end' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -237,7 +237,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -260,7 +260,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -287,7 +287,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'right' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -305,7 +305,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -328,7 +328,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -354,7 +354,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'right-start' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -372,7 +372,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -395,7 +395,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -421,7 +421,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'right-end' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -439,7 +439,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -462,7 +462,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -489,7 +489,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'left' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -507,7 +507,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -530,7 +530,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -556,7 +556,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'left-start' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -574,7 +574,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -597,7 +597,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -623,7 +623,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'left-end' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -641,7 +641,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -664,7 +664,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -691,7 +691,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'bottom' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -709,7 +709,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -732,7 +732,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -758,7 +758,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'bottom-start' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -776,7 +776,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -799,7 +799,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -825,7 +825,7 @@ def view_template
Button(variant: :outline, class: 'w-full justify-center') { 'bottom-end' }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -843,7 +843,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -866,7 +866,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand Down Expand Up @@ -897,7 +897,7 @@ def view_template
Button(variant: :outline) { "Click" }
end
PopoverContent(class: 'w-40') do
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -915,7 +915,7 @@ def view_template
end
plain "Profile"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand All @@ -938,7 +938,7 @@ def view_template
end
plain "Settings"
end
Link(href: "#", variant: :ghost, class: 'block w-full justify-start pl-2') do
Link(href: "#", variant: :ghost, class: 'w-full justify-start pl-2') do
svg(
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
Expand Down

0 comments on commit 49bc489

Please sign in to comment.