F
Filamentβ€’15mo ago
Finn

Edit relation manager spacing in infolist

I asked this morning whether it was possible to include relation managers sequentially, which I have now implemented. My problem is that they look extremely similar to each other this like - is there any way I can add a larger gap between each table / amend the CSS for the title row? πŸ€” (all data in screenshot is generated via faker and not real)
No description
Solution:
Just did a very quick test with a PostResource: ``` .fi-resource-posts .fi-resource-relation-manager { margin-top: 4rem; }...
Jump to solution
8 Replies
Patrick Boivin
Patrick Boivinβ€’15mo ago
This should be possible with custom CSS. Are you missing a selector to target the right elements?
Finn
FinnOPβ€’15mo ago
I'm not entirely sure how to implement any custom CSS without breaking everything πŸ˜… can you point me in the right direction for how I would go about doing this?
Patrick Boivin
Patrick Boivinβ€’15mo ago
First step would be to load a custom CSS file in your Panel. Something like this: https://filamentphp.com/docs/3.x/support/assets#registering-css-files
Patrick Boivin
Patrick Boivinβ€’15mo ago
Try something very visible, like this:
body { border: 20px solid red; }
body { border: 20px solid red; }
Just to make sure the CSS works
Finn
FinnOPβ€’15mo ago
thank you, I'll take a look!
Solution
Patrick Boivin
Patrick Boivinβ€’15mo ago
Just did a very quick test with a PostResource:
.fi-resource-posts .fi-resource-relation-manager {
margin-top: 4rem;
}
.fi-resource-posts .fi-resource-relation-manager .fi-ta-header-heading {
font-size: 1.5rem;
}
.fi-resource-posts .fi-resource-relation-manager {
margin-top: 4rem;
}
.fi-resource-posts .fi-resource-relation-manager .fi-ta-header-heading {
font-size: 1.5rem;
}
Patrick Boivin
Patrick Boivinβ€’15mo ago
Adjust to taste πŸ€“
Finn
FinnOPβ€’15mo ago
worked perfectly - thank you very much, Patrick πŸ›Ÿ πŸ™‚
Want results from more Discord servers?
Add your server