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

Fixed #161 - Ability to disable SplitButton or Menu items

pull/201/head
cagataycivici 2020-01-30 10:59:20 +03:00
parent e3ea89a475
commit 4dd4f7d250
12 changed files with 220 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
public/themes/luna-amber/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/luna-blue/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/luna-green/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/luna-pink/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/nova-colored/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #5ab7ff;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/nova-dark/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #b4b4b4;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/nova-light/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #333333;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/nova-vue/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #333333;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333;
}
body .p-menu .p-menuitem-link:focus,

44
public/themes/rhea/theme.css
View File

@ -1567,10 +1567,10 @@ body .p-panel .p-panel-titlebar .p-panel-titlebar-icon {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s;
transition: color 0.2s, box-shadow 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #ffffff;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #666666;
margin-right: 0.5em;
}
body .p-menu .p-menuitem-link:hover,
body .p-menubar .p-menuitem-link:hover,
body .p-tieredmenu .p-menuitem-link:hover,
body .p-contextmenu .p-menuitem-link:hover,
body .p-megamenu .p-menuitem-link:hover,
body .p-slidemenu .p-menuitem-link:hover {
body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #666666;
}
body .p-menu .p-menuitem-link:hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon {
body .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #666666;
}
body .p-menu .p-menuitem-link:focus,

5
src/components/menu/Menu.vue
View File

@ -60,8 +60,8 @@ export default {
methods: {
itemClick(event) {
const item = event.item;
if (item.disabled || (!item.to && !item.url)) {
event.originalEvent.preventDefault();
if (item.disabled) {
return;
}
if (item.command) {
@ -198,6 +198,7 @@ export default {
padding: .25em;
display: block;
text-decoration: none;
cursor: pointer;
}
.p-menu .p-menuitem-icon {

12
src/components/menu/Menuitem.vue
View File

@ -1,10 +1,10 @@
<template>
<li :class="containerClass" role="none" :style="item.style" v-if="item.visible !== false">
<router-link v-if="item.to" :to="item.to" class="p-menuitem-link" role="menuitem">
<router-link v-if="item.to" :to="item.to" :class="linkClass" role="menuitem">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span>
</router-link>
<a v-else :href="item.url||'#'" class="p-menuitem-link" @click="onClick" :target="item.target" role="menuitem" >
<a v-else :href="item.url" :class="linkClass" @click="onClick" :target="item.target" role="menuitem" :tabindex="item.disabled ? null : '0'">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span>
</a>
@ -26,10 +26,10 @@ export default {
},
computed: {
containerClass() {
return [
'p-menitem',
this.item.class
]
return ['p-menuitem', this.item.class];
},
linkClass() {
return ['p-menuitem-link', {'p-disabled': this.item.disabled}];
}
}
}

18
src/components/splitbutton/SplitButton.vue
View File

@ -6,8 +6,13 @@
<transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
<div id="ariaId + '_overlay'" ref="overlay" class="p-menu p-menu-dynamic p-component" v-if="overlayVisible">
<ul class="p-menu-list p-reset" role="menu">
<li role="none" v-for="item of model" :key="item.label" :target="item.target" :style="item.style" :class="['p-menuitem', item.class]">
<a :href="item.url||'#'" class="p-menuitem-link" @click="itemClick($event, item)" role="menuitem">
<li v-for="item of model" :key="item.label" :target="item.target" :style="item.style" :class="['p-menuitem', item.class]" role="menuitem">
<router-link v-if="item.to" :to="item.to" :class="['p-menuitem-link', {'p-disabled': item.disabled}]">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span>
</router-link>
<a v-else :href="item.url" :class="['p-menuitem-link', {'p-disabled': item.disabled}]"
@click="itemClick($event, item)" :target="item.target" :tabindex="item.disabled ? null : '0'">
<span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span>
</a>
@ -71,11 +76,16 @@ export default {
this.overlayVisible = !this.overlayVisible;
},
itemClick(event, item) {
if (item.disabled) {
return;
}
if (item.command) {
item.command({originalEvent: event, item: item });
}
this.overlayVisible = false;
event.preventDefault();
}
this.overlayVisible = false;
},
onOverlayEnter() {
if (this.autoZIndex) {