Skip to content

Conversation

@sande11
Copy link

@sande11 sande11 commented Jan 20, 2026

This pull request introduces several improvements and new features to the tab and tooltip UI, as well as various code quality and style enhancements. The most significant change is the addition of interactive info tooltips, which provide contextual information on demand. There are also improvements to color consistency, CSS organization, and tab/tooltip JavaScript logic.

New Features and UI Enhancements:

  • Added interactive info tooltips: Introduced .info-icon elements with associated .tooltip popups, including click-to-toggle visibility, outside-click dismissal, and support for positioning variants. This allows users to access contextual information in a user-friendly way. [1] [2]
  • Added .with-info-icon utility class for better alignment of icons and text.

JavaScript Improvements:

  • Refactored tab and tooltip logic in main.js to use consistent double quotes, improved event handling, and added code for tooltip creation, toggling, and positioning. Also improved tab activation logic for clarity and maintainability. [1] [2] [3]

Responsive Design and Table Enhancements:

  • Moved and improved responsive table CSS, including grid-based tab layout for small screens, and fixed tooltip clipping issues for specific table tooltips. [1] [2]

Minor Content Update:

  • Corrected capitalization in a chapter title in chapter.json.

The onZoomOut() method call in setupWebView was commented out, to prevent automatic zooming behavior which was causing conflicts in font size persistence and causing content to be pushed to the left of the screen
Added logic to compute and apply chapter icon size in the WebView based on the current font size. This includes setting a CSS variable, tagging relevant images, injecting override styles, and applying inline sizing to ensure consistent scaling even if external styles are missing. The update is triggered after layout and on every page load.
Adds logic to dynamically scale the `.uk-paragraph::before` decorative line in response to text zoom, ensuring consistent appearance. The computed CSS values are injected via a style element in the WebView.
Override attachBaseContext in App and MainActivity to enforce a fontScale of 1.0, preventing system font size changes from affecting the app. Simplify dialog_bookmark_success.xml by replacing the ScrollView with a single TextView and disabling auto-sizing for consistent appearance.
Added new SVG chart icon and updated main.js to enhance tooltip and tab functionality. Refactored style.css for improved color consistency, info icon tooltips, and responsive tab layout. Updated chart.json and HTML pages to reflect new and renamed tables, removed obsolete pediatric dosage tables, and fixed asset paths. These changes improve usability, maintain data accuracy, and enhance the user interface for the TB reference guide.
…rch new highlight color and prefill search bar in bodyfragment

Revised and clarified multiple TB guide HTML pages, including table titles, drug dosing, and clinical recommendations. Updated acknowledgements and welcome statements to reflect 2025 redesign. Improved inline search in BodyFragment to prefill search input, show counters, and ensure WebView search listener is set. Adjusted CSS for tooltip positioning and removed unused icon class. Deleted obsolete Table 18 and renamed Table 19 to Table 18 for Grady Hospital TB Isolation Policy.
Introduces a new FontSizeFragment and related layouts for customizable font size settings. Adds a Georgia TB privacy policy HTML asset and updates navigation, settings, and utility classes to support new features. Minor chapter title correction and various UI improvements for preferences.
Caches subchapters for faster toolbar title updates when navigating via in-page links. Enhances WebView fragment/anchor navigation by scrolling to anchors using JavaScript and updating the toolbar title accordingly. Refactors subchapter link handling to improve bookmark type accuracy and fallback navigation.
Revised chart.json to update table IDs and subchapter references for Grady Hospital TB Isolation Policy. Updated HTML content for laboratory diagnosis and TB treatment to fix formatting, clarify recommendations, and correct/expand ART and TB/HIV co-infection guidelines, including timing and drug interaction details. Adjusted tables and notes for accuracy and consistency with current clinical guidelines.
Added custom CSS for opaque, bottom-positioned tooltips in Table 6 for better visibility. Adjusted tooltip positions for info icons in dosage tables and removed redundant tooltips in the treatment regimens page to reduce clutter and improve user experience.
@sande11 sande11 requested a review from MaxwellKJr January 20, 2026 15:19
@sande11 sande11 self-assigned this Jan 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants