[IMP] web_editor: manage better the content bigger than one grid cell

In grid mode, when a grid item width is one (grid) column, if its
content is bigger than a column size, it makes the column
grow with it while the other ones are shrinking.

This issue was solved in [1] by using the `word-break` property but it
is not the best solution. This commit fixes the issue by setting the
`min-width` property to 0 instead.

[1]: https://github.com/odoo/odoo/pull/93144

task-2973198

X-original-commit: 5d37ada861bf5de348de54d5d7de0d06e14ed28e
Part-of: odoo/odoo#102525
This commit is contained in:
Soukéina Bojabza
2022-10-06 23:14:42 +02:00
committed by qsm-odoo
parent 067fce44ef
commit c677040ded
@@ -59,6 +59,7 @@
> * {
width: 100%;
min-width: 0;
margin: 0 !important;
padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important;
}
@@ -68,12 +69,8 @@
--gutter-x: 30px;
}
.o_grid_item {
word-break: break-word;
&.o_grid_item_image > img:not([data-shape]) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.o_grid_item_image > img:not([data-shape]) {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}