From 93a95bbf4ec6fe10d0be8f4045219bcd312d0070 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20=C3=89vrard?= <nicoe@b2ck.com>
Date: Thu, 11 Jul 2024 10:21:11 +0200
Subject: [PATCH] Allow resizing the attachment preview panel

Closes #13234
---
 sao/CHANGELOG    |  1 +
 sao/src/sao.less | 24 ++++++++++++++++++++----
 sao/src/tab.js   | 11 +++++++----
 3 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/sao/CHANGELOG b/sao/CHANGELOG
index 8682738ee1..6b2580128d 100644
--- a/sao/CHANGELOG
+++ b/sao/CHANGELOG
@@ -1,3 +1,4 @@
+* Allow resizing the attachment preview panel
 * Set focus on search entry after search
 * Support language suffix in CSV export
 * Close tab with mouse middle click
diff --git a/sao/src/sao.less b/sao/src/sao.less
index de0396f578..2a3a6042b6 100644
--- a/sao/src/sao.less
+++ b/sao/src/sao.less
@@ -553,11 +553,24 @@ img.icon {
     border-width: 0 0 0 1px;
     flex: 1;
     margin-left: 5px;
-    min-width: 20%;
-    overflow: auto;
+    overflow: unset;
 
-    > div {
-        flex: 1;
+    > div.preview-resizer {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        max-width: 100vw;
+        min-width: 100%;
+        overflow: hidden;
+        resize: inline;
+        transform: scaleX(-1);
+
+        > div.preview-resizer-content {
+            display: flex;
+            flex-direction: column;
+            flex: 1;
+            transform: scaleX(-1);
+        }
     }
 }
 
@@ -569,6 +582,9 @@ img.icon {
     .attachment-preview:not(:empty) {
         border-width: 0 0 1px 0;
         margin-bottom: 5px;
+        > div.preview-resizer {
+            resize: none;
+        }
     }
 }
 
diff --git a/sao/src/tab.js b/sao/src/tab.js
index 82eba21252..1acdf2befc 100644
--- a/sao/src/tab.js
+++ b/sao/src/tab.js
@@ -1286,11 +1286,14 @@
         },
         _attachment_preview_el: function() {
             var el = jQuery('<div/>', {
-                'class': 'text-center',
+                'class': 'preview-resizer',
             });
-            var buttons = jQuery('<div/>', {
-                'class': 'btn-group',
+            var content = jQuery('<div/>', {
+                'class': 'preview-resizer-content',
             }).appendTo(el);
+            var buttons = jQuery('<div/>', {
+                'class': 'btn-group center-block',
+            }).appendTo(content);
 
             var but_prev = jQuery('<button/>', {
                 'class': 'btn btn-default btn-sm',
@@ -1342,7 +1345,7 @@
             screen.windows.push(preview);
 
             screen.switch_view().done(function() {
-                el.append(screen.screen_container.el);
+                content.append(screen.screen_container.el);
             });
             return el;
         },