-
Notifications
You must be signed in to change notification settings - Fork 312
[Feat]: Three enhancements for a Tabbed Container #1291
Copy link
Copy link
Open
Labels
Awaiting ReleaseTicket is Dev Complete. Awaiting for the Release.Ticket is Dev Complete. Awaiting for the Release.ComponentsDedicated to Frontend Visual ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript codePull requests that update Javascript code
Description
Activity
Metadata
Metadata
Assignees
Labels
Awaiting ReleaseTicket is Dev Complete. Awaiting for the Release.Ticket is Dev Complete. Awaiting for the Release.ComponentsDedicated to Frontend Visual ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript codePull requests that update Javascript code
Type
Projects
- StatusShow more project fields📋 Backlog
Feature 1: Tab headers are not sticky when scrolling. Please implement a switch to enable or disable sticky headers. This will prevent us from having to scroll to the top every time we want to switch between tabs.
https://github.com/user-attachments/assets/b307c19d-503d-4460-b75f-d24ef6adaada
Feature 2: Make the tab heights fill the screen. We currently have a fixed height for the tabs, but since each user has a different device, we cannot set a specific height for the tabs. Instead, similar to the Mobile Navigation, we should adjust the height of the tabs container to fill the screen.
Feature 3: Please refer to the video below. If we have multiple tabs or if the tab names are longer, the three-dot icon becomes misaligned, and the click behavior does not function as expected. To address this, we should implement a Horizontal Scroll feature, or ensure that the three-dot icon remains fixed at the end of the tabs, in accordance with the tabbed container design.
Screen.Recording.2024-11-11.at.4.39.31.PM.mov
Attached Project File:
test (1).json