graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-30 11:33:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

ci(#10336): add static option to PageHeader.tabs

Browse source
This commit is contained in:
Acid Chicken (硫酸鶏) 2023-04-02 23:42:04 +09:00
parent d6b1e5be2f
commit dfb6df018a
No known key found for this signature in database
GPG key ID: 3E87B98A3F6BAB99
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/components/global/MkPageHeader.stories.impl.ts
View file

@ -23,6 +23,7 @@ export const Empty = {
};
},
args: {
static: true,
tabs: [],
},
parameters: {

7
packages/frontend/src/components/global/MkPageHeader.tabs.vue
View file

@ -52,6 +52,7 @@ import { onMounted, onUnmounted, watch, nextTick, shallowRef } from 'vue';
import { defaultStore } from '@/store';
const props = withDefaults(defineProps<{
static?: boolean;
tabs?: Tab[];
tab?: string;
rootEl?: HTMLElement;
@ -127,7 +128,11 @@ async function enter(el: HTMLElement) {
entering = false;
});
setTimeout(renderTab, 170);
if (props.static) {
renderTab();
} else {
setTimeout(renderTab, 170);
}
}
function afterEnter(el: HTMLElement) {
//el.style.width = '';

3
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -19,7 +19,7 @@
</div>
</div>
</div>
<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :static="static" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
</template>
<div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttonsRight">
<template v-for="action in actions">
@ -43,6 +43,7 @@ import { injectPageMetadata } from '@/scripts/page-metadata';
import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
const props = withDefaults(defineProps<{
static?: boolean;
tabs?: Tab[];
tab?: string;
actions?: {