diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue index 32d3de9d..aa4ee6ac 100644 --- a/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue +++ b/openflexure_microscope/api/static/src/components/tabContentComponents/galleryContent.vue @@ -134,7 +134,9 @@ :prev-text="'Prev'" :next-text="'Next'" :page-class="'page-item'" + :active-class="'uk-active'" :disabled-class="'uk-disabled'" + :click-handler="scrollToTop()" > @@ -339,6 +341,10 @@ export default { }, methods: { + scrollToTop() { + document.querySelector("#container-left").scrollTop = 0; + }, + updateCaptures: function() { if (this.$store.state.available) { console.log("Updating capture list..."); diff --git a/openflexure_microscope/api/static/src/components/tabContentComponents/loggingContent.vue b/openflexure_microscope/api/static/src/components/tabContentComponents/loggingContent.vue index 4fd63087..468a81de 100644 --- a/openflexure_microscope/api/static/src/components/tabContentComponents/loggingContent.vue +++ b/openflexure_microscope/api/static/src/components/tabContentComponents/loggingContent.vue @@ -62,6 +62,7 @@ :page-class="'page-item'" :active-class="'uk-active'" :disabled-class="'uk-disabled'" + :click-handler="scrollToTop()" > @@ -109,6 +110,9 @@ export default { }, methods: { + scrollToTop() { + document.querySelector("#container-left").scrollTop = 0; + }, visibilityChanged(isVisible) { if (isVisible) { this.updateLogs();