WIP

resources/js/components/headers/AlbumHeader.vue

@@ -11,11 +11,21 @@
 		</template>
 
 		<template #end>
-			<Button icon="pi pi-play" class="border-none" severity="secondary" text @click="toggleSlideShow" v-if="props.album.photos.length > 0" />
+			<Button
+				v-tooltip.bottom="'Start slideshow'"
+				icon="pi pi-play"
+				class="border-none"
+				severity="secondary"
+				text
+				@click="toggleSlideShow"
+				v-if="props.album.photos.length > 0"
+				label=""
+			/>
 			<router-link
 				:to="{ name: 'frame-with-album', params: { albumid: props.album.id } }"
 				v-if="props.config.is_mod_frame_enabled"
 				class="hidden sm:block"
+				v-tooltip="'Frame'"
 			>
 				<Button icon="pi pi-desktop" class="border-none" severity="secondary" text />
 			</router-link>

resources/js/components/headers/AlbumsHeader.vue

@@ -82,8 +82,6 @@ import Button from "primevue/button";
 import SpeedDial from "primevue/speeddial";
 import Toolbar from "primevue/toolbar";
 import ContextMenu from "primevue/contextmenu";
-import WebauthnModal from "@/components/modals/WebauthnModal.vue";
-import LoginModal from "@/components/modals/LoginModal.vue";
 import ImportFromLink from "@/components/modals/ImportFromLink.vue";
 import ImportFromServer from "@/components/modals/ImportFromServer.vue";
 import { computed, ComputedRef, ref } from "vue";
@@ -95,7 +93,6 @@ import BackLinkButton from "./BackLinkButton.vue";
 import { useContextMenuAlbumsAdd } from "@/composables/contextMenus/contextMenuAlbumsAdd";
 import Divider from "primevue/divider";
 import { useGalleryModals } from "@/composables/modalsTriggers/galleryModals";
-import WebAuthnService from "@/services/webauthn-service";
 import { useRouter } from "vue-router";
 import DropBox from "../modals/DropBox.vue";
 import OpenLeftMenu from "./OpenLeftMenu.vue";
@@ -270,7 +267,7 @@ const menu = computed(() =>
 			icon: "pi pi-question-circle",
 			type: "fn",
 			callback: openHelp,
-			if: props.user.id !== null && props.config.show_keybinding_help_button,
+			if: props.user.id !== null && props.config.show_keybinding_help_button && document.body.scrollWidth > 800,
 		},
 		{
 			icon: "pi pi-plus",

resources/js/views/gallery-panels/Frame.vue

@@ -21,7 +21,7 @@ import { useSlideshowFunction } from "@/composables/photo/slideshow";
 import AlbumService from "@/services/album-service";
 import { onKeyStroke } from "@vueuse/core";
 import Button from "primevue/button";
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 
 const props = defineProps<{
@@ -56,6 +56,7 @@ start();
 
 function goBack() {
 	clearTimeouts();
+	document.exitFullscreen();
 
 	if (props.albumid !== undefined) {
 		router.push({ name: "album", params: { albumid: props.albumid } });
@@ -67,4 +68,8 @@ function goBack() {
 onKeyStroke("Escape", () => {
 	goBack();
 });
+
+onMounted(() => {
+	document.documentElement.requestFullscreen();
+});
 </script>