Is it possible to stretch the kanban component with css so that it covers the entire screen?

Ask for Help
1

There have been similar decisions before, but what is the situation in 2024?

2

I don’t remember who shared this originally. Possibly @Eric_Penn or @ThinhDinh, but this CSS has been working well for me. It affects more than just the kanban, but so far it works great.

div[class*="section-container"] >div {
max-width: 100vw;
}

div[class*="container-padding-md"]  {
max-width: 100vw;
}
3

Hat tips to @ThinhDinh. He also has a nice solution for the custom collection


div[class*="single-column justify-center"],
div[class*="renderer___StyledDiv6"]{
max-width: 100vw;
}
3 Likes
4

It works
Thanks for the quick response!

1 Like
5

Why stretching became broken when i add this css after above
/Container Form/
#page-root:has(.prevent-submit) [aria-label=“Отправить”] {
pointer-events: none;
opacity: 0.4;
}

/Edit Form/
#overlay-root:has(.prevent-submit) [aria-label=“Отправить”] {
pointer-events: none;
opacity: 0.4;
}

6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.