camicroscope / caMicroscope

Digital pathology image viewer with support for human/machine generated annotations and markups.
BSD 3-Clause "New" or "Revised" License
247 stars 286 forks source link

"Buttons are made responsive for both mobile and desktop devices in table.html file " #898

Closed rchaurase closed 1 week ago

rchaurase commented 5 months ago

This pull request introduces responsive design improvements to the buttons within the table.html file, ensuring better usability and accessibility on small devices.

Changes Made: Responsive Buttons: The DICOM, RELOAD, and UPLOAD buttons have been optimized to adapt to smaller screen sizes. Utilized CSS media queries to adjust button sizes and layouts for improved readability and usability on mobile devices.

Motivation This Pull Request addresses the need for responsive design enhancements within the table.html file. While there wasn't a specific open issue related to this change, it aligns with our ongoing efforts to improve the overall usability and accessibility of the application, particularly on mobile devices. By optimizing the DICOM, RELOAD, and UPLOAD buttons for smaller screen sizes, we aim to enhance the user experience and ensure consistent functionality across different devices and viewport dimensions.

Testing The changes were manually tested across a variety of devices, including mobile phones and tablets, to ensure that the responsive design adjustments function as intended. Additionally, different screen resolutions and orientations were considered to verify consistent behavior across various viewport dimensions.

rchaurase commented 5 months ago

Screenshot 2024-03-28 120318

Screenshot 2024-03-28 114714

rchaurase commented 5 months ago

Hello @birm I recently submitted my PR, and I would be very grateful for your feedback. After reviewing it carefully, kindly let me know if there are any adjustments or extra requirements. Your input is really helpful in ensuring the calibre and efficacy of our project. I appreciate your time and consideration of this subject in advance.