holm/fediwall
1
1
Fork 0
forked from extern/fediwall
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make entire infobar clickable

Browse Source
This commit is contained in:
Marcel Hellkamp 2023-10-31 16:40:48 +01:00
parent 16c5f1412f
commit c60fa4180a
2 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@ -193,13 +193,12 @@ const privacyLink = computed(() => {
<div id="page"> <div id="page">
<icon v-show="updateInProgress" icon="spinner" spin <icon v-show="updateInProgress" icon="spinner" spin
class="position-fixed bottom-0 start-0 m-1 opacity-25 text-muted" /> class="position-fixed bottom-0 start-0 m-1 opacity-25 text-muted" />
<header v-if="config?.showInfobar" class="secret-hover"> <header v-if="config?.showInfobar" class="secret-hover" style="cursor: context-menu" data-bs-toggle="modal"
<InfoBar :config="config"> data-bs-target="#configModal" title="Click to edit wall settings">
<span class="text-muted float-end opacity-50 secret"> <span class="text-muted float-end secret">
<icon icon="gear" style="cursor: pointer" title="Edit Settings" data-bs-toggle="modal" <icon icon="gear" />
data-bs-target="#configModal" />
</span> </span>
</InfoBar> <InfoBar :config="config" />
</header> </header>
<main> <main>
@ -265,11 +264,12 @@ body {
} }
.secret-hover .secret { .secret-hover .secret {
visibility: hidden; transition: opacity 0.2s;
opacity: 0;
} }
.secret-hover:hover .secret { .secret-hover:hover .secret {
visibility: visible; opacity: 1;
} }
#page header { #page header {

3
src/components/InfoBar.vue
View File

@ -27,9 +27,6 @@ defineProps<{
<template v-else-if="index == config.accounts.length - 2"> or </template> <template v-else-if="index == config.accounts.length - 2"> or </template>
</template> </template>
</template> </template>
<slot></slot>
</div> </div>
</template> </template>