vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #4584 - Dock Component MenuBar z-index issue (#4585) 

Co-authored-by: “Selen <“selen.kockar@tedu.edu.tr”>
pull/4604/head
Selen 2023-10-10 18:42:21 +03:00 committed by GitHub
parent 5ff7eb8e4c
commit f146db0c88
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
doc/dock/AdvancedDoc.vue
View File

@ -6,15 +6,15 @@
<Toast position="top-center" group="tc" /> <Toast position="top-center" group="tc" />
<Menubar :model="menubarItems"> <Menubar :model="menubarItems">
<template #start> <template #start>
<i class="pi pi-apple px-3"></i> <i class="pi pi-apple px-2"></i>
</template> </template>
<template #end> <template #end>
<i class="pi pi-video px-3" /> <i class="pi pi-video px-2" />
<i class="pi pi-wifi px-3" /> <i class="pi pi-wifi px-2" />
<i class="pi pi-volume-up px-3" /> <i class="pi pi-volume-up px-2" />
<span class="px-3">Fri 13:07</span> <span class="px-2">Fri 13:07</span>
<i class="pi pi-search px-3" /> <i class="pi pi-search px-2" />
<i class="pi pi-bars px-3" /> <i class="pi pi-bars px-2" />
</template> </template>
</Menubar> </Menubar>
@ -257,15 +257,15 @@ export default {
<Toast position="top-center" group="tc" /> <Toast position="top-center" group="tc" />
<Menubar :model="menubarItems"> <Menubar :model="menubarItems">
<template #start> <template #start>
<i class="pi pi-apple px-3"></i> <i class="pi pi-apple px-2"></i>
</template> </template>
<template #end> <template #end>
<i class="pi pi-video px-3" /> <i class="pi pi-video px-2" />
<i class="pi pi-wifi px-3" /> <i class="pi pi-wifi px-2" />
<i class="pi pi-volume-up px-3" /> <i class="pi pi-volume-up px-2" />
<span class="px-3">Fri 13:07</span> <span class="px-2">Fri 13:07</span>
<i class="pi pi-search px-3" /> <i class="pi pi-search px-2" />
<i class="pi pi-bars px-3" /> <i class="pi pi-bars px-2" />
</template> </template>
</Menubar> </Menubar>
@ -546,12 +546,10 @@ export default {
background-image: url("https://primefaces.org/cdn/primevue/images/dock/window.jpg"); background-image: url("https://primefaces.org/cdn/primevue/images/dock/window.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
z-index: 1;
} }
.dock-demo > .p-dock {
z-index: 1000;
}
.dock-demo .p-menubar { .dock-demo .p-menubar {
padding: 0; padding: 0;
@ -845,12 +843,10 @@ const commandHandler = (text) => {
background-image: url("https://primefaces.org/cdn/primevue/images/dock/window.jpg"); background-image: url("https://primefaces.org/cdn/primevue/images/dock/window.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
z-index: 1;
} }
.dock-demo > .p-dock {
z-index: 1000;
}
.dock-demo .p-menubar { .dock-demo .p-menubar {
padding: 0; padding: 0;
@ -912,12 +908,9 @@ const commandHandler = (text) => {
background-image: url('https://primefaces.org/cdn/primevue/images/dock/window.jpg'); background-image: url('https://primefaces.org/cdn/primevue/images/dock/window.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
z-index: 1;
} }
.dock-demo > .p-dock {
z-index: 1000;
}
.dock-demo .p-menubar { .dock-demo .p-menubar {
padding: 0; padding: 0;