From 9429a378461b7510d32a479aefba0006c65d69bc Mon Sep 17 00:00:00 2001 From: metatroncubeswdev Date: Sat, 24 Oct 2026 00:48:09 -0400 Subject: [PATCH] Fix invisible text in themed mobile app drawer The previous theming commit left some menu items invisible (white-on-white): Bootstrap's .text-900 utility is applied directly on the same
  • as our color rule for leaf items (web.SectionMenu), and its own !important beat ours there on specificity, while parent-header items (styled via a separate wrapper div) kept their original dark Bootstrap color instead of inheriting ours. Also the drawer's scrollable content area has its own opaque white background in Odoo's base styles, hiding the gradient set on the outer sidebar. Fix: make the content area's background transparent so the parent's gradient shows through, and force every descendant to inherit the white text color instead of fighting each Bootstrap utility class individually. Co-Authored-By: Claude Sonnet 5 --- .../static/src/scss/backend_forms.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss index a67d13d..1bf5759 100644 --- a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss +++ b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss @@ -140,20 +140,28 @@ body.o_web_client { } .o_burger_menu_content { + // This area has its own opaque white background in Odoo's base + // styles, which otherwise sits on top of (hides) the gradient + // set on .o_app_menu_sidebar above — make it transparent so the + // gradient shows through. + background: transparent !important; color: #ffffff !important; - // Current app header (icon + name), and app list items when - // the "All Apps" view is open - .fs-4.fw-bolder, .o_app { - color: #ffffff !important; + // web.SectionMenu applies Bootstrap's .text-900 (near-black, also + // !important) directly on the same
  • for leaf items, which beats + // a plain `li { color }` rule on specificity and left those items + // invisible (white-on-white). Force every descendant to inherit + // this white instead of fighting each Bootstrap utility class. + * { + color: inherit !important; } + .o_app.bg-primary-subtle { background-color: rgba(255, 255, 255, 0.15) !important; } // Section tree rendered by web.SectionMenu ul.list-unstyled li { - color: rgba(255, 255, 255, 0.9) !important; border-color: rgba(255, 255, 255, 0.15) !important; &:active, &:hover {