Friday, June 21, 2024
1 change · master
Enhancements to existing features
This update standardizes how interface elements are layered on top of each other by using Bootstrap's built-in options instead of Odoo-specific custom rules. It gives teams more flexibility and helps reduce visual stacking issues in screens such as planning, documents, point of sale displays, timesheets, rooms, grids, and Gantt views.
Original PR description
task-3930430 - requires https://github.com/odoo/odoo/pull/165568 ---------------- This PR removes the custom `z-index` utilities in favor of Bootstrap default allowing us to choose value from a wider range. Prior to this PR, we were using custom utilities to handle the z-index of our elements. This approach allowed us to use `z-index-0` and `z-index-1` classes but it was sometimes not enough, leading to the use of `z-index` CSS properties. With the migration to Bootstrap 5.3 achieved in Commit[1], we now have access to a wider range of `z-index` which are defined inside the `$zindex-levels` map and go from `-1` to `3`. Unfortunately, these new utilities were being overridden by our custom one. To unlock these utilities and allow more flexibility in our code, this PR removes the custom utilities in favor of Bootstrap default. Commit[1]: [6e90b00](https://github.com/odoo/odoo/pull/158560/commits/6e90b0033ed19f2496d0e8816e431cc34dafef6e)