usebruno / bruno

Opensource IDE For Exploring and Testing Api's (lightweight alternative to postman/insomnia)
https://www.usebruno.com/
MIT License
27.74k stars 1.28k forks source link

feat: allow longer names in tab header #3385

Open samhoooo opened 3 weeks ago

samhoooo commented 3 weeks ago

Description

This PR aims to allow longer names in tab header to resolve:

image

Implementation details:

I updated css max-width: 250px of tab header to achieve longer name display

Contribution Checklist:

Note: Keeping the PR small and focused helps make it easier to review and merge. If you have multiple changes you want to make, please consider submitting them as separate pull requests.

Publishing to New Package Managers

Please see here for more information.

tlaloc911 commented 2 weeks ago

I suggest to update calculations that determine if arrows in the tabs are shown "<" ">" too in order to mantain behavior consistent

packages\bruno-app\src\components\RequestTabs\index.js

const maxTablistWidth = screenWidth - leftSidebarWidth - 150; const tabsWidth = collectionRequestTabs.length * 150 + 34; // 34: (+)icon

image