From 862fc14744603e4110bff2a4dc18a21d691768f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?K=C3=A9vin=20Commaille?= <zecakeh@tedomum.fr>
Date: Mon, 28 Apr 2025 15:53:20 +0200
Subject: [PATCH] room-history: Show focus ring around visual media

---
 data/resources/stylesheet/_room_history.scss               | 7 ++++++-
 .../view/content/room_history/message_row/visual_media.ui  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/data/resources/stylesheet/_room_history.scss b/data/resources/stylesheet/_room_history.scss
index 68b4c000..71b63e61 100644
--- a/data/resources/stylesheet/_room_history.scss
+++ b/data/resources/stylesheet/_room_history.scss
@@ -264,9 +264,14 @@ state-group-row.room-history-row {
   }
 }
 
+message-visual-media {
+  border-radius: vendor.$menu_radius;
+
+  @include vendor.focus-ring();
+}
+
 .visual-content {
   &.opaque-bg {
-    border-radius: vendor.$menu_radius;
     background-color: var(--border-color);
   }
 
diff --git a/src/session/view/content/room_history/message_row/visual_media.ui b/src/session/view/content/room_history/message_row/visual_media.ui
index 7656e409..80ebac79 100644
--- a/src/session/view/content/room_history/message_row/visual_media.ui
+++ b/src/session/view/content/room_history/message_row/visual_media.ui
@@ -3,13 +3,13 @@
   <template class="ContentMessageVisualMedia" parent="GtkWidget">
     <property name="focusable">True</property>
     <property name="halign">start</property>
+    <property name="overflow">hidden</property>
     <child>
       <object class="GtkOverlay" id="overlay">
         <style>
           <class name="visual-content"/>
           <class name="opaque-bg"/>
         </style>
-        <property name="overflow">hidden</property>
         <child>
           <object class="GtkStack" id="stack">
             <property name="transition-type">crossfade</property>