Skip to content

Introduction of Tailwind breaks Lexxy toolbar #485

@lylo

Description

@lylo

I've been trying to figure out how to make Lexxy play nicely with Tailwind. Until now it has kinda worked but in this latest update, with the structural toolbar changes, it's broken. Given the popularity of Tailwind (especially given that you can configure a new Rails app with Tailwind out of the box), I think Lexxy should work out of the box in this use case without issue.

For the most part it still works okay but adding Tailwind to a basic project breaks the toolbar layout (padding around buttons) and, more importantly, breaks the layout of the pop-up dialogs:

Image Image

I have created a basic repo with two commits. First commit is the vanilla Rails app with the latest lexxy, which works as expected. The second commit is a basic introduction of Tailwind using the tailwindcss-rails gem. Running this app (bin/dev) demonstrates the issue.

https://github.com/lylo/lexxy-tailwind/commits/main/

FYI I've also created a test Rails project using rails new [project_name] -c tailwind and the same issue is apparent.

My bird brain cannot figure it out, and I've tried getting Claude Opus and Gemini 3 Pro to solve it but both fail miserably (with my prompting, at least). Would love to know what the authors and committers think about this.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions