From 565564e49d52d16346e358c376dfadfdd16584ea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Wed, 19 Oct 2022 22:50:29 +0300 Subject: [PATCH] Refactor #2977, Refactor #3021, Refactor #3085, Refactor #3020 - class rename --- src/components/breadcrumb/Breadcrumb.vue | 2 +- src/components/breadcrumb/BreadcrumbItem.vue | 2 +- src/components/contextmenu/ContextMenu.vue | 4 ++-- src/components/contextmenu/ContextMenuSub.vue | 4 ++-- src/components/menu/Menuitem.vue | 2 +- src/components/menubar/MenubarSub.vue | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/breadcrumb/Breadcrumb.vue b/src/components/breadcrumb/Breadcrumb.vue index 25ec02de82..47adec66b1 100755 --- a/src/components/breadcrumb/Breadcrumb.vue +++ b/src/components/breadcrumb/Breadcrumb.vue @@ -53,7 +53,7 @@ export default { line-height: 1; } -.p-breadcrumb .p-menuitem-link { +.p-breadcrumb .p-menuitem-action { text-decoration: none; } diff --git a/src/components/breadcrumb/BreadcrumbItem.vue b/src/components/breadcrumb/BreadcrumbItem.vue index e868a792d3..4536d47687 100755 --- a/src/components/breadcrumb/BreadcrumbItem.vue +++ b/src/components/breadcrumb/BreadcrumbItem.vue @@ -44,7 +44,7 @@ export default { }, linkClass(routerProps) { return [ - 'p-menuitem-link', + 'p-menuitem-action', { 'router-link-active': routerProps && routerProps.isActive, 'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive diff --git a/src/components/contextmenu/ContextMenu.vue b/src/components/contextmenu/ContextMenu.vue index 4ae2700509..6f3d370273 100755 --- a/src/components/contextmenu/ContextMenu.vue +++ b/src/components/contextmenu/ContextMenu.vue @@ -645,7 +645,7 @@ export default { z-index: 1; } -.p-contextmenu .p-menuitem-link { +.p-contextmenu .p-menuitem-action { cursor: pointer; display: flex; align-items: center; @@ -662,7 +662,7 @@ export default { position: relative; } -.p-contextmenu .p-menuitem-link .p-submenu-icon { +.p-contextmenu .p-menuitem-action .p-submenu-icon { margin-left: auto; } diff --git a/src/components/contextmenu/ContextMenuSub.vue b/src/components/contextmenu/ContextMenuSub.vue index a6a0ecfb6c..6bfc93cced 100755 --- a/src/components/contextmenu/ContextMenuSub.vue +++ b/src/components/contextmenu/ContextMenuSub.vue @@ -177,7 +177,7 @@ export default { }, getItemActionClass(processedItem, routerProps) { return [ - 'p-menuitem-link p-menuitem-action', // TODO: the 'p-menuitem-link' class is deprecated since v3.18.0. + 'p-menuitem-action', { 'router-link-active': routerProps && routerProps.isActive, 'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive @@ -188,7 +188,7 @@ export default { return ['p-menuitem-icon', this.getItemProp(processedItem, 'icon')]; }, getSeparatorItemClass(processedItem) { - return ['p-menu-separator p-menuitem-separator', this.getItemProp(processedItem, 'class')]; // TODO: the 'p-menu-separator' class is deprecated since v3.18.0. + return ['p-menuitem-separator', this.getItemProp(processedItem, 'class')]; } }, directives: { diff --git a/src/components/menu/Menuitem.vue b/src/components/menu/Menuitem.vue index 571afb5938..9d1d5b0942 100644 --- a/src/components/menu/Menuitem.vue +++ b/src/components/menu/Menuitem.vue @@ -56,7 +56,7 @@ export default { }, linkClass(routerProps) { return [ - 'p-menuitem-link p-menuitem-action', // TODO: the 'p-menuitem-link' class is deprecated since v3.18.0. + 'p-menuitem-action', { 'router-link-active': routerProps && routerProps.isActive, 'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive diff --git a/src/components/menubar/MenubarSub.vue b/src/components/menubar/MenubarSub.vue index 6583e2ac20..170f7109e8 100755 --- a/src/components/menubar/MenubarSub.vue +++ b/src/components/menubar/MenubarSub.vue @@ -161,7 +161,7 @@ export default { }, getItemActionClass(processedItem, routerProps) { return [ - 'p-menuitem-link p-menuitem-action', // TODO: the 'p-menuitem-link' class is deprecated since v3.18.0. + 'p-menuitem-action', { 'router-link-active': routerProps && routerProps.isActive, 'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive