From 6d3103e95dfb7faf57968b1eb6d01eab68a13d54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Wed, 18 Dec 2024 17:42:45 +0100
Subject: [PATCH] Display attachment preview only on top of form view for small
 screen

Closes #13762
---
 sao/src/sao.less | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/sao/src/sao.less b/sao/src/sao.less
index e9d343ea3c..d0128af081 100644
--- a/sao/src/sao.less
+++ b/sao/src/sao.less
@@ -318,6 +318,20 @@ html[theme="default"] {
     flex: 1;
 }
 
+@media screen and (max-width: @screen-sm-max) {
+    .attachment-preview {
+        visibility: collapse;
+    }
+    #tabcontent[data-view-type="form"] {
+        > .tab-pane > .panel > .panel-body {
+            flex-direction: column-reverse;
+        }
+        .attachment-preview {
+            visibility: unset;
+        }
+    }
+}
+
 @media screen and (min-width: @screen-sm-min) {
     #global-search-entry {
         width: 10em;