You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I notice that when a timeline is built with timeline-compact class, mb-10 or any bottom margin class is overriden in items with timeline-start class, but not those with timeline-end class, making the separation between items inconsistency.
Thank you @HarryHung
for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I
find a solution.
In the meantime providing more details and reproduction links would be
helpful.
What version of daisyUI are you using?
v4.12.10
Which browsers are you seeing the problem on?
All browsers
Reproduction URL
https://play.tailwindcss.com/90vptzttvW
Describe your issue
I notice that when a timeline is built with
timeline-compact
class,mb-10
or any bottom margin class is overriden in items withtimeline-start
class, but not those withtimeline-end
class, making the separation between items inconsistency.This behaviour is observable in DaisyUI own example when it switch to a compact timeline: https://daisyui.com/components/timeline/#timeline-with-icon-snapped-to-the-start
My own React module built based on the example code also have the same issue, it could be workaround by marking
mb-*
class as important (e.g.!mb-10
)The text was updated successfully, but these errors were encountered: