TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-05 04:53:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix page search input being focusable when hidden

Browse Source
This commit is contained in:
geoffrey45
2022-10-14 17:08:39 +03:00
committed by Mungai Njoroge
parent bbe7984e4e
commit 823b52fc04
3 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AlbumView/Header.vue
-8
View File
@@ -73,10 +73,6 @@ defineProps<{
album: AlbumInfo; album: AlbumInfo;
}>(); }>();
const emit = defineEmits<{
(event: "resetBottomPadding"): void;
}>();
const albumheaderthing = ref<any>(null); const albumheaderthing = ref<any>(null);
const imguri = paths.images; const imguri = paths.images;
const nav = useNavStore(); const nav = useNavStore();
@@ -88,10 +84,6 @@ const nav = useNavStore();
* @param {boolean} state the new visibility state of the album page header. * @param {boolean} state the new visibility state of the album page header.
*/ */
function handleVisibilityState(state: boolean) { function handleVisibilityState(state: boolean) {
if (state) {
emit("resetBottomPadding");
}
nav.toggleShowPlay(state); nav.toggleShowPlay(state);
} }
src/components/ContextMenu.vue
+1
View File
@@ -1,5 +1,6 @@
<template> <template>
<div <div
v-show="context.visible"
class="context-menu rounded shadow-lg no-select" class="context-menu rounded shadow-lg no-select"
ref="contextMenu" ref="contextMenu"
id="context-menu" id="context-menu"
src/components/shared/NavSearchInput.vue
+3 -2
View File
@@ -94,6 +94,7 @@ if (source) {
width: 7rem; width: 7rem;
gap: $small; gap: $small;
transition: all 0.25s; transition: all 0.25s;
transition-delay: 0.1s;
} }
.header-input { .header-input {
@@ -105,11 +106,11 @@ if (source) {
z-index: 200; z-index: 200;
transition: all 0.25s $overshoot; transition: all 0.25s $overshoot;
opacity: 0; opacity: 0;
transform: translateY(-1rem); transform: translateY(-3.5rem);
border-radius: 3rem; border-radius: 3rem;
padding-left: 1rem; padding-left: 1rem;
outline: solid 1px $gray1; outline: solid 1px $gray1;
&:focus { &:focus {
outline: solid $darkblue; outline: solid $darkblue;
} }