From 87f2ed634ea1a59f55781acf9f352e42db8533af Mon Sep 17 00:00:00 2001 From: Will Miao Date: Mon, 9 Nov 2026 11:01:49 +0800 Subject: [PATCH] fix(help): avoid generic help-text class colliding with injected CSS (#1193) The feature list in the help modal used the generic .help-text class. An externally injected global .help-text rule (e.g. from a browser extension) sets position: fixed and z-index: 10000, which pulled the list out of flow and covered the modal tab buttons: the app's own rule never declared position, so the injected declaration applied. Rename the class to .help-features and scope its rules under .help-modal so third-party global styles can no longer match it. Also close the unterminated /
  • pair in the documentation tab. --- static/css/components/modal/help-modal.css | 6 +++--- templates/components/modals/help_modal.html | 4 +++- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/static/css/components/modal/help-modal.css b/static/css/components/modal/help-modal.css index 710ff44a..0f002c30 100644 --- a/static/css/components/modal/help-modal.css +++ b/static/css/components/modal/help-modal.css @@ -84,16 +84,16 @@ display: block; } -.help-text { +.help-modal .help-features { margin: var(--space-2) 0; } -.help-text ul { +.help-modal .help-features ul { padding-left: 20px; margin-top: 8px; } -.help-text li { +.help-modal .help-features li { margin-bottom: 8px; } diff --git a/templates/components/modals/help_modal.html b/templates/components/modals/help_modal.html index 0c1a25bd..fb1e78d9 100644 --- a/templates/components/modals/help_modal.html +++ b/templates/components/modals/help_modal.html @@ -28,7 +28,7 @@ -
    +

    Key Features: