search

zakodium-oss / react-science

React components and tools to build scientific applications.
https://react-science.pages.dev
MIT License
3 stars 6 forks source link

fix: toolbar item width #599

Closed hamed-musallam closed 10 months ago

hamed-musallam commented 11 months ago

we try to fix the issue of the toolbar item width

Screenshot 2023-12-12 at 15 04 45 Screenshot 2023-12-12 at 14 57 37

zakodium-bot commented 11 months ago

Published prerelease version 0.30.2-pre.1702391005 to npm.

To install it, run:

npm install --save-exact react-science@0.30.2-pre.1702391005
hamed-musallam commented 11 months ago

the problem exists across all browsers. In the first image from NMRium the width toolbar items are set to 'auto,' and the container is a div styling with a flexbox

image

The second issue arises when the default width for the button is maintained as 'width: 100%', and the item is wrapped

image

hamed-musallam commented 11 months ago

Now, when we apply 'width: fit-content' to the toolbar item, we achieve the desired style

https://update-react-science.nmrium.pages.dev/#/SamplesDashboard/7kn5wec7isa/Viewdatacytisinedatacytisine1Hjson