fix(fusion_claims): force full-width dashboard sheet with dedicated class
The .o_fc_dashboard .o_form_sheet override wasn't winning specificity against Odoo's default form-sheet constraints. Added a dedicated class o_fc_dashboard_sheet directly on the <sheet> element + !important overrides on max-width, width, and flex to stretch the sheet to the full container width. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -4,12 +4,22 @@
|
||||
// =============================================================================
|
||||
|
||||
// Override Odoo's form-sheet max-width so the dashboard uses the full
|
||||
// browser width. The selector matches the form (which carries the class)
|
||||
// and targets the inner sheet element.
|
||||
.o_fc_dashboard .o_form_sheet,
|
||||
.o_form_view.o_fc_dashboard .o_form_sheet {
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
// browser width. Class is applied directly to <sheet> (becomes
|
||||
// .o_form_sheet .o_fc_dashboard_sheet at runtime) — combined with
|
||||
// !important to beat Odoo's default + parent flex constraints.
|
||||
.o_fc_dashboard_sheet,
|
||||
.o_form_sheet.o_fc_dashboard_sheet,
|
||||
.o_fc_dashboard .o_form_sheet {
|
||||
max-width: none !important;
|
||||
width: 100% !important;
|
||||
flex: 1 1 auto !important;
|
||||
}
|
||||
// Some Odoo themes wrap the sheet in a flex container with its own
|
||||
// max-width; force the wrapper to stretch as well.
|
||||
.o_form_sheet_bg:has(> .o_fc_dashboard_sheet),
|
||||
.o_form_view:has(.o_fc_dashboard_sheet) .o_form_sheet_bg {
|
||||
max-width: none !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.o_fc_dashboard {
|
||||
|
||||
Reference in New Issue
Block a user