I actively use your extension for my Azure DevOps server and I ask you to answer, do you want to improve its visual part?
For example, I have 12 services being collected for my release, here are my test screenshots, note that there are 12 scans. At first, everything looks normal enough?
But as soon as we want to look at all these 12 scans - real hell begins!
My first suggestion: Give the ability to rewrite the names of the tabs, so that it is clearer, since the name of the image that we are scanning is already on every corner and it would be convenient if the tabs reflected the short name of the service - which we are scanning. Look, this already makes the view more compact, you can simply add a variable tabName
Here you need to remove class flex-noshrink and add this style to your Tabs.css on line 123
.bolt-tabbar-tabs.tall .bolt-tab {
# Your other parameters
flex-shrink: 2;
}
And I also don't understand why you're making an indent here? We don't have that much space to just take it away.
I suggest changing this value from 100px to 20px
The final version looks like this and it becomes much more convenient, what do you think? If you need help with the finalization and you are ready to accept it, I can create a Pull Request to your repository.
I actively use your extension for my Azure DevOps server and I ask you to answer, do you want to improve its visual part?
For example, I have 12 services being collected for my release, here are my test screenshots, note that there are 12 scans. At first, everything looks normal enough?
But as soon as we want to look at all these 12 scans - real hell begins!
My first suggestion: Give the ability to rewrite the names of the tabs, so that it is clearer, since the name of the image that we are scanning is already on every corner and it would be convenient if the tabs reflected the short name of the service - which we are scanning. Look, this already makes the view more compact, you can simply add a variable
tabName
But that's not all, it doesn't solve the problem that the tabs go to the right endlessly, I suggest doing it this way I solved it by changing
Here you need to remove class
flex-noshrink
and add this style to yourTabs.css
on line 123And I also don't understand why you're making an indent here? We don't have that much space to just take it away.
I suggest changing this value from
100px
to20px
The final version looks like this and it becomes much more convenient, what do you think? If you need help with the finalization and you are ready to accept it, I can create a Pull Request to your repository.