Mobile, Adaptive & Hamburger Button to show/hide SideBar

[Terabuck]

Mobile responsiveness and layout adjustments

Overview
This update focuses on improving the experience for users on mobile devices. It introduces an adaptive layout to help Orthanc Explorer 2 remain usable across various screen sizes, particularly in portrait and landscape mobile views.

Key Changes
Navigation Adjustments: Added a basic off-canvas sidebar and hamburger menu, intended to save screen space on smaller displays.

Study View Refinements: Updated StudyItem.vue and StudyList.vue to transition between card-based and list layouts in order to make information easier to read on mobile screens .

Style Cleanup: Centralized some design tokens in Common.css to make future responsive tweaks easier to manage.

Framework & Localization: Synchronized components with Orthanc version 1.12.11 and added the latest Spanish translation strings for the new UI elements.

Adaptive Transitions: The layout now tries to transition more smoothly between mobile, tablet, and desktop widths.

[amazy]

FYI, I have created a branch in this repo to integrate the PR and finish the work: https://github.com/orthanc-server/orthanc-explorer-2/commits/pr-107/

However, I don't know when I will complete it. We are quite reluctant to integrate this since we have never received many requests for a mobile version and this will add a lot of maintenance work since, for every change in the study list UI, this multiplies the QA work by 3

Identified work so far that are blocking the integration:

• need to support any size of screen (ex: 920x940)
• need to support light and dark mode
• avoid scrollbars in portrait mode (although they only appear on 'desktop' when the size width is < 760. It is still better than the current layout)

[Terabuck]

Hi Alain, Thank you for the update and for clearly outlining the challenges regarding maintenance and QA. I completely understand your position. I appreciate that you are sharing the branch and the specific blockers you've identified. I really enjoy solving the patient's issues while using my phone away from the office, and that's why I shared the code. I respect the project's current focus on maintaining a manageable codebase. Best regards, Ludwig Ludwig Moreno CI: 6.293.379 (0414) 7676493 Skype: ludwig.moreno Yo uso DropBox para guardar mis archivos en la nube. Pruébalo tu también! Entra a: http://db.tt/FkHgthL7 El jue, 23 abr 2026, 10:48 a. m., Alain Mazy ***@***.***> escribió:

…

*amazy* left a comment (orthanc-server/orthanc-explorer-2#107) <#107?email_source=notifications&email_token=AI36TQMABEANKBNCLOTBZCT4XIULRA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMZQGUZTOOBWGMZ2M4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2LK4DSL5RW63LNMVXHIX3POBSW4X3DNRUWG2Y#issuecomment-4305378633> FYI, I have created a branch in this repo to integrate the PR and finish the work: https://github.com/orthanc-server/orthanc-explorer-2/commits/pr-107/ However, I don't know when I will complete it. We are quite reluctant to integrate this since we have never received many requests for a mobile version and this will add a lot of maintenance work since, for every change in the study list UI, this multiplies the QA work by 3 Identified work so far that are blocking the integration: - need to support any size of screen - need to support light and dark mode - avoid scrollbars in portrait mode — Reply to this email directly, view it on GitHub <#107?email_source=notifications&email_token=AI36TQMABEANKBNCLOTBZCT4XIULRA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMZQGUZTOOBWGMZ2M4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2LK4DSL5RW63LNMVXHIX3POBSW4X3DNRUWG2Y#issuecomment-4305378633>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AI36TQJUZVWPFJXH5742OYL4XIULRAVCNFSM6AAAAACX3VMD62VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DGMBVGM3TQNRTGM> . You are receiving this because you authored the thread.Message ID: ***@***.***>