Skip to content

Issue 799: Tabs on small screens#2210

Merged
rmroot merged 5 commits intodevelopfrom
issue-799
Jan 21, 2026
Merged

Issue 799: Tabs on small screens#2210
rmroot merged 5 commits intodevelopfrom
issue-799

Conversation

@rmroot
Copy link
Copy Markdown
Member

@rmroot rmroot commented Jan 20, 2026

connects #799

This pull request introduces responsive improvements to the navigation tabs in the account banner and account overview banner components, ensuring a better user experience on smaller screens. It also refactors and cleans up related code, and applies various CSS enhancements for improved layout and usability.

Responsive navigation and UI improvements:

  • Added logic to both AccountBannerComponent and AccountOverviewBannerComponent to dynamically hide or show tab text based on available width, using @ViewChild, HostListener, and new hideTabText/hideAllText state variables. This ensures tabs remain usable on smaller screens. [1] [2] [3] [4] [5]
  • Updated the HTML of both banners to wrap tab text in a span.nav-text and conditionally apply CSS classes for hiding/showing text, improving responsiveness and accessibility. [1] [2]

CSS and layout enhancements:

  • Improved tab and button styling, including ellipsis handling for overflowing text, white-space: nowrap for buttons and backup info, and making the navbar horizontally scrollable if needed. [1] [2] [3]
  • Enhanced z-index management and overflow handling for sticky banners and dropdown menus to ensure UI elements display correctly. [1] [2] [3]

Code cleanup and refactoring:

  • Removed legacy and now-unnecessary logic from AccountOverviewBannerComponent, including date range selection, emissions/source toggles, and related subscriptions, in favor of a new app-account-overview-options component. [1] [2] [3] [4] [5]
  • Updated imports in both components to support the new logic and removed unused dependencies. [1] [2]

These changes collectively improve the adaptability, maintainability, and user experience of the account navigation components.

@rmroot rmroot merged commit 642e4c0 into develop Jan 21, 2026
3 checks passed
@rmroot rmroot deleted the issue-799 branch February 4, 2026 20:20
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.

1 participant