Skip to content

Implement Expandable Height for Bottom Drawer in Pod Log and Resource Editor #1

Open
@huzaibsayyed

Description

@huzaibsayyed

Currently, the bottom drawer used for the Pod Log and Resource Editor has a fixed height that cannot be adjusted or expanded by users. To enhance user experience and provide better control over viewing space, we need to implement a feature that allows users to adjust the height of this bottom drawer.

Problem

  • The bottom drawer for Pod Log and Resource Editor has a non-adjustable, fixed height.
  • This limitation restricts the user's ability to view and interact with extensive logs or detailed resource information effectively.

Expected Behavior

  • Users should be able to dynamically adjust the height of the bottom drawer.
  • The adjustment should be done via a draggable handle or similar UI element to allow for flexible resizing.

Steps to Reproduce

  1. Open the Pod Log or Resource Editor.
  2. Attempt to adjust the height of the bottom drawer.

Acceptance Criteria

  1. Resizable Drawer:

    • The bottom drawer for both the Pod Log and Resource Editor must include a resizable handle or mechanism.
    • Users should be able to increase or decrease the height of the drawer smoothly.
  2. User Experience:

    • Ensure the resizing mechanism is intuitive and does not interfere with other UI elements.
    • The height adjustment should be persistent across page reloads or navigations if feasible.
  3. Testing:

    • Confirm that the bottom drawer height can be adjusted both upwards and downwards.
    • Test the resizing functionality on various devices and screen sizes to ensure responsiveness.
    • Verify that the adjustment persists or reverts as expected.

Additional Information

Review the current implementation of the bottom drawer to integrate the resizing feature. Consider any potential impacts on overall layout and ensure the feature aligns with the design standards.

image
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions