layout changes

acdh-oeaw · May 9, 2023 · d0da8ce · d0da8ce
1 parent 3547908
commit d0da8ce
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 8 deletions.
diff --git a/css/arche.css b/css/arche.css
@@ -489,4 +489,21 @@ li.paginate_button.page-item.active > a.page-link {
 
 .sks-form > form > .form-actions {
     display: block !important;
-}
+}
+
+table.table.dataTable.child-table {
+    border: none;
+}
+
+table.table.dataTable.root-table {
+    border: none;
+}
+
+table.dataTable.child-table td {
+    padding: 15px 15px !important;
+}
+
+table.dataTable.root-table td {
+    padding: 15px 15px !important;
+}
+
diff --git a/js/acdh_repo_gui.js b/js/acdh_repo_gui.js
@@ -33,6 +33,7 @@ jQuery(function ($) {
             {data: 'id', visible: false},
             {data: 'title',
                 render: function (data, type, row, meta) {
+                    let acdhid = row.acdhid.replace('https://', '');
                     return '<span class="res-title"><a href="/browser/detail/' + row.id + '">' + data + '</a></span><br>\n\
                 <i class="material-icons">today</i> <span class="res-prop-label">' + Drupal.t("Type") + ': </span> <span class="res-rdfType"><a id="archeHref" href="/browser/search/type=acdh:TopCollection&payload=false/titleasc/10/1">acdh:TopCollection</a></span><br>\n\
                 <i class="material-icons">today</i> <span class="res-prop-label">' + Drupal.t("Available Date") + ':</span> <span class="res-prop-value">' + row.avdate + '</span>';
@@ -44,15 +45,15 @@ jQuery(function ($) {
             {data: 'sumcount', visible: false},
             {data: 'image', width: "20%", render: function (data, type, row, meta) {
                     let acdhid = row.acdhid.replace('https://', '');
-                    return '<div class="dt-single-res-thumb bg-white">\n\
+                    return '<div class="dt-single-res-thumb text-center" style="min-width: 120px;">\n\
                             <center><a href="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=600" data-lightbox="detail-titleimage-' + row.id + '">\n\
-                                <img class="img-responsive" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=150">\n\
+                                <img class="img-fluid bg-white" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=150">\n\
                             </a></center>\n\
                             </div>';
                 }
             }
         ],
-        fnDrawCallback: function () {
+        drawCallback: function () {
             $(".root-table thead").remove();
         }
     });

diff --git a/js/api_search.js b/js/api_search.js
@@ -163,9 +163,9 @@ jQuery(function ($) {
                 {data: 'image', width: "20%", render: function (data, type, row, meta) {
                         if (row.pid) {
                             let pid = row.pid.replace('https://', '');
-                            return '<div class="dt-single-res-thumb bg-white">\n\
+                            return '<div class="dt-single-res-thumb text-center" style="min-width: 120px;">\n\
                                     <center><a href="https://arche-thumbnails.acdh.oeaw.ac.at/' + pid + '?width=600" data-lightbox="detail-titleimage-' + row.acdhid + '">\n\
-                                        <img class="img-responsive" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + pid + '?width=150">\n\
+                                        <img class="img-fluid bg-white" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + pid + '?width=150">\n\
                                     </a></center>\n\
                                     </div>';
                         }

diff --git a/js/arche_detail_api.js b/js/arche_detail_api.js
@@ -110,9 +110,9 @@ jQuery(function ($) {
                 },
                 {data: 'image', width: "20%", render: function (data, type, row, meta) {
                         let acdhid = row.acdhid.replace('https://', '');
-                        return '<div class="dt-single-res-thumb">\n\
+                        return '<div class="dt-single-res-thumb text-center" style="min-width: 120px;">\n\
                             <center><a href="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=600" data-lightbox="detail-titleimage-' + row.id + '">\n\
-                                <img class="img-responsive bg-white" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=75">\n\
+                                <img class="img-fluid bg-white" src="https://arche-thumbnails.acdh.oeaw.ac.at/' + acdhid + '?width=75">\n\
                             </a></center>\n\
                             </div>';
                     }