From cc39fb536acd384092d33aa83f36e6ca6d613d8e Mon Sep 17 00:00:00 2001 From: Derek Kraan Date: Sun, 26 Jan 2025 12:53:08 +0100 Subject: [PATCH] Make Liveview's root divs transparent for layout purposes. (#6052) --- installer/templates/phx_assets/app.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/installer/templates/phx_assets/app.css b/installer/templates/phx_assets/app.css index 378c8f9056..5b7776c97c 100644 --- a/installer/templates/phx_assets/app.css +++ b/installer/templates/phx_assets/app.css @@ -2,4 +2,12 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; +/* + * Make LiveView wrapper divs transparent for layout. + * This makes it possible to use LiveViews as flex children for example. + */ + + +[data-phx-root-id] { display: contents } + /* This file is for your main application CSS */