cv-frontend-vue icon indicating copy to clipboard operation
cv-frontend-vue copied to clipboard

fix(ui): draggable panel issue fixed

Open Darshan808 opened this issue 1 year ago • 2 comments

Fixes #302

In this pull request, I have resolved an issue with draggable panels not coming to the front when clicked if overlapped. The core of the problem was the z-index management of the panels, where previously all panels had similar stacking priorities. To address this, I modified the z-index values, setting the actively selected panel to a z-index of 100, while other unselected draggable panels are now set to a z-index of 99. This change ensures that the panel being interacted with by the user always takes precedence and appears on top, thus significantly improving the user interface interaction and overall usability of the application.

Also the issue of dropdown menu hiding behind tabs bar has been fixed.

Screenshot 2024-05-06 180231

Darshan808 avatar May 06 '24 12:05 Darshan808

Deploy Preview for circuitverse ready!

Name Link
Latest commit 8d1efe4214b83ef9cef4361f5b94465ac61b5ef4
Latest deploy log https://app.netlify.com/sites/circuitverse/deploys/6638cab2cbbe8b000820a1b1
Deploy Preview https://deploy-preview-303--circuitverse.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar May 06 '24 12:05 netlify[bot]

@Arnabdaz Please review my PR or tell me if i need to work more on something.

Darshan808 avatar May 07 '24 09:05 Darshan808