From c476e91b49c20b93f800e60b88bf5606ef6b9924 Mon Sep 17 00:00:00 2001
From: Arthur Suzuki <arthur.suzuki@biblibre.com>
Date: Tue, 17 Sep 2019 15:21:21 +0200
Subject: [PATCH] hotline#82404 : fix responsive display on loans overview page

---
 VERSIONS_HOTLINE/82404         |  1 +
 public/opac/css/responsive.css | 40 ++++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 VERSIONS_HOTLINE/82404

diff --git a/VERSIONS_HOTLINE/82404 b/VERSIONS_HOTLINE/82404
new file mode 100644
index 00000000000..cab04fe5ebc
--- /dev/null
+++ b/VERSIONS_HOTLINE/82404
@@ -0,0 +1 @@
+ - ticket #82404 : Responsive : Affichage responsive de la liste des prêts dans le compte lecteur
\ No newline at end of file
diff --git a/public/opac/css/responsive.css b/public/opac/css/responsive.css
index f3aecd8a9b1..2bd6e6a085d 100644
--- a/public/opac/css/responsive.css
+++ b/public/opac/css/responsive.css
@@ -725,6 +725,46 @@
     #col_wrapper .colGauche .show_content .contenu {
         display: block !important;
     }
+
+    /*responsive tableaux compte lecteur*/
+
+    /*démentellement du tableau et centrage des textes*/
+    #borrower_loans tbody, table.reservations tbody, .tablesorter-default tbody {
+        display: grid;
+        text-align:center;
+    }
+
+    /* transformation des colonnes du tableau en lignes*/
+    #borrower_loans tbody tr, table.reservations tbody tr, .tablesorter-default tbody tr {
+        width: auto;
+        display: inline-grid;
+    }
+
+    /*centrer le nom de l'auteur dans liste réservation*/
+    table.reservations td:nth-child(5) {
+        text-align: center;
+    }
+
+    /*centrer les images dans les fiches de prêts et réservations*/
+    #borrower_loans tbody img, table.reservations tbody img, #borrower_loans tbody .nothumbnail_wrapper, table.reservations tbody .nothumbnail_wrapper {
+        width: 50% !important;
+        margin: 0 auto;
+    }
+
+    /* désactive la règle ci dessus sur l'image de désinscription*/
+    table.reservations tbody a img {
+        width:auto!important;
+    }
+
+    /*masquer les entêtes de tableaux*/
+    .tablesorter-headerRow {
+        display: none;
+    }
+
+    /*centrer nom de l'emprunteur et réservataire*/
+    table.loans td:first-child, table.reservations td:first-child {
+        width: auto;
+    }
 }
 
 
-- 
GitLab