From 04793da52c58e388b02093ba3f88c35050238c7d Mon Sep 17 00:00:00 2001 From: Eric Coissac Date: Wed, 25 Mar 2026 12:34:18 +0100 Subject: [PATCH] Remove backdrop on mobile portrait for full-width drawers Remove the backdrop element in mobile portrait mode since the drawer now covers 100vw, making the overlay unnecessary. Applied to both RendererDrawer and ServerDrawer components. --- pmoapp/webapp/src/components/unified/RendererDrawer.vue | 3 +-- pmoapp/webapp/src/components/unified/ServerDrawer.vue | 3 +-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/pmoapp/webapp/src/components/unified/RendererDrawer.vue b/pmoapp/webapp/src/components/unified/RendererDrawer.vue index 88a82dc7..8eb0a19b 100644 --- a/pmoapp/webapp/src/components/unified/RendererDrawer.vue +++ b/pmoapp/webapp/src/components/unified/RendererDrawer.vue @@ -449,8 +449,7 @@ async function handleTransferQueue(event: Event, targetRendererId: string) { @media (max-width: 768px) and (orientation: portrait) { .drawer-backdrop { - right: 0; /* Mobile portrait: backdrop prend tout l'écran */ - background: rgba(0, 0, 0, 0.4); /* Plus sombre sur mobile */ + display: none; /* Mobile portrait: le drawer couvre 100vw, pas besoin de backdrop */ } } diff --git a/pmoapp/webapp/src/components/unified/ServerDrawer.vue b/pmoapp/webapp/src/components/unified/ServerDrawer.vue index e570993b..96e5a72a 100644 --- a/pmoapp/webapp/src/components/unified/ServerDrawer.vue +++ b/pmoapp/webapp/src/components/unified/ServerDrawer.vue @@ -716,8 +716,7 @@ function handleSettingsClick() { @media (max-width: 768px) and (orientation: portrait) { .drawer-backdrop { - left: 0; /* Mobile portrait: backdrop commence à gauche car drawer prend 100vw */ - background: rgba(0, 0, 0, 0.4); /* Plus sombre sur mobile */ + display: none; /* Mobile portrait: le drawer couvre 100vw, pas besoin de backdrop */ } }