From 1a47ff5c156b773cae5c7476c58184b982986162 Mon Sep 17 00:00:00 2001
From: Ikram Maalej <maalej@effective-webwork.de>
Date: Wed, 3 Aug 2022 14:13:42 +0200
Subject: [PATCH 1/2] Fix update thumbnails-overlay after paginating

---
 .../templates/includes/metadataEditor/dialogs/pagination.xhtml  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
index 1e7f9c67b07..12ada4626b3 100644
--- a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
+++ b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
@@ -220,7 +220,7 @@
                                  onclick="window.pagesScrollPosition = $('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop();
                                           PF('notifications').renderMessage({'summary':'#{msgs.paginationSaving}','severity':'info'});$('loadingScreen').show()"
                                  oncomplete="$('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop(pagesScrollPosition);"
-                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), imagePreviewForm:thumbnailWrapper, metadataAccordion:logicalMetadataWrapperPanel"
+                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), imagePreviewForm, metadataAccordion:logicalMetadataWrapperPanel"
                                  value="#{msgs.apply}"/>
                 <p:commandButton id="cancel"
                                  value="#{msgs.cancel}"

From 11440c0853936e4499979fff60ff0bfb8f754a3b Mon Sep 17 00:00:00 2001
From: Ikram Maalej <maalej@effective-webwork.de>
Date: Mon, 8 Aug 2022 18:04:48 +0200
Subject: [PATCH 2/2] Update the thumbnail-overlay elements

---
 .../main/webapp/WEB-INF/resources/css/kitodo.css |  2 +-
 .../metadataEditor/dialogs/pagination.xhtml      |  2 +-
 .../includes/metadataEditor/gallery.xhtml        | 16 ++++++++--------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
index 94a47859fc2..3c1d2cd816b 100644
--- a/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
+++ b/Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css
@@ -3028,7 +3028,7 @@ Column content
     margin-right: 3px;
 }
 
-.thumbnail-overlay {
+.ui-widget .thumbnail-overlay {
     position: absolute;
     top: 0;
     bottom: 0;
diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
index 12ada4626b3..538fd4505b6 100644
--- a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
+++ b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/dialogs/pagination.xhtml
@@ -220,7 +220,7 @@
                                  onclick="window.pagesScrollPosition = $('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop();
                                           PF('notifications').renderMessage({'summary':'#{msgs.paginationSaving}','severity':'info'});$('loadingScreen').show()"
                                  oncomplete="$('#paginationForm\\:paginationSelection .ui-selectlistbox-listcontainer').scrollTop(pagesScrollPosition);"
-                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), imagePreviewForm, metadataAccordion:logicalMetadataWrapperPanel"
+                                 update="notifications, paginationForm:paginationSelection, @(.ui-tree), @(.thumbnail-overlay), metadataAccordion:logicalMetadataWrapperPanel"
                                  value="#{msgs.apply}"/>
                 <p:commandButton id="cancel"
                                  value="#{msgs.cancel}"
diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
index 0c3ae3f0a02..4d5a7755008 100644
--- a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
+++ b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/gallery.xhtml
@@ -138,9 +138,9 @@
                                             <h:outputText value="#{DataEditorForm.galleryPanel.getSeveralAssignmentsIndex(media) + 1}"
                                                         rendered="#{media.assignedSeveralTimes}"
                                                         styleClass="assigned-several-times"/>
-                                            <h:panelGroup class="thumbnail-overlay">
+                                            <p:outputPanel class="thumbnail-overlay">
                                                 #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                            </h:panelGroup>
+                                            </p:outputPanel>
                                         </p:outputPanel>
                                     </p:outputPanel>
                                 </p:panel>
@@ -193,9 +193,9 @@
                                                         <f:param name="sessionId"
                                                                  value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                                     </p:graphicImage>
-                                                    <h:panelGroup class="thumbnail-overlay">
+                                                    <p:outputPanel class="thumbnail-overlay">
                                                         #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                                    </h:panelGroup>
+                                                    </p:outputPanel>
                                             </p:outputPanel>
                                         </h:panelGroup>
                                     </p:panel>
@@ -233,9 +233,9 @@
                                             <f:param name="sessionId"
                                                      value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                         </p:graphicImage>
-                                    <h:panelGroup styleClass="thumbnail-overlay">
+                                    <p:outputPanel class="thumbnail-overlay">
                                         #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                    </h:panelGroup>
+                                    </p:outputPanel>
                                 </h:panelGroup>
                             </p:panel>
                         </p:outputPanel>
@@ -277,9 +277,9 @@
                                                     <f:param name="sessionId"
                                                              value="#{DataEditorForm.galleryPanel.cachingUUID}"/>
                                                 </p:graphicImage></h:outputText>
-                                                <h:panelGroup layout="block" styleClass="thumbnail-overlay">
+                                                <p:outputPanel layout="block" class="thumbnail-overlay">
                                                     #{msgs.image} #{media.shortId}, #{msgs.page} #{media.orderlabel}
-                                                </h:panelGroup>
+                                                </p:outputPanel>
                                             </p:outputPanel>
                                         </h:panelGroup>
                                     </p:outputPanel>