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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede; color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede; color: #dedede;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c; background-color: #4c4c4c;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede; color: #dedede;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede; color: #dedede;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede; color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede; color: #dedede;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c; background-color: #4c4c4c;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede; color: #dedede;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede; color: #dedede;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede; color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede; color: #dedede;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c; background-color: #4c4c4c;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede; color: #dedede;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede; color: #dedede;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #dedede; color: #dedede;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #dedede; color: #dedede;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #4c4c4c; background-color: #4c4c4c;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #dedede; color: #dedede;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #dedede; color: #dedede;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #5ab7ff; color: #5ab7ff;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333; color: #333333;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea; background-color: #eaeaea;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333; color: #333333;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333; color: #333333;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #b4b4b4; color: #b4b4b4;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333; color: #333333;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea; background-color: #eaeaea;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333; color: #333333;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333; color: #333333;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #333333; color: #333333;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333; color: #333333;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea; background-color: #eaeaea;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333; color: #333333;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333; color: #333333;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #333333; color: #333333;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #333333; color: #333333;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea; background-color: #eaeaea;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #333333; color: #333333;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #333333; color: #333333;
} }
body .p-menu .p-menuitem-link:focus, 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; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
-moz-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, box-shadow 0.2s; -o-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-webkit-transition: color 0.2s, box-shadow 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
transition: 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 { body .p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
color: #ffffff; color: #ffffff;
@ -3468,28 +3468,28 @@ body .p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #666666; color: #666666;
margin-right: 0.5em; margin-right: 0.5em;
} }
body .p-menu .p-menuitem-link:hover, body .p-menu .p-menuitem-link:not(.p-disabled):hover,
body .p-menubar .p-menuitem-link:hover, body .p-menubar .p-menuitem-link:not(.p-disabled):hover,
body .p-tieredmenu .p-menuitem-link:hover, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-contextmenu .p-menuitem-link:hover, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover,
body .p-megamenu .p-menuitem-link:hover, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover,
body .p-slidemenu .p-menuitem-link:hover { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background-color: #eaeaea; background-color: #eaeaea;
} }
body .p-menu .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:hover .p-menuitem-text, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-text, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-text, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-text, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-text { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #666666; color: #666666;
} }
body .p-menu .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:hover .p-menuitem-icon, body .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-tieredmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-contextmenu .p-menuitem-link:hover .p-menuitem-icon, body .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-megamenu .p-menuitem-link:hover .p-menuitem-icon, body .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
body .p-slidemenu .p-menuitem-link:hover .p-menuitem-icon { body .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #666666; color: #666666;
} }
body .p-menu .p-menuitem-link:focus, body .p-menu .p-menuitem-link:focus,

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

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

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

@ -1,10 +1,10 @@
<template> <template>
<li :class="containerClass" role="none" :style="item.style" v-if="item.visible !== false"> <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-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
</router-link> </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-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
</a> </a>
@ -26,10 +26,10 @@ export default {
}, },
computed: { computed: {
containerClass() { containerClass() {
return [ return ['p-menuitem', this.item.class];
'p-menitem', },
this.item.class linkClass() {
] return ['p-menuitem-link', {'p-disabled': this.item.disabled}];
} }
} }
} }

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

@ -6,8 +6,13 @@
<transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave"> <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"> <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"> <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]"> <li v-for="item of model" :key="item.label" :target="item.target" :style="item.style" :class="['p-menuitem', item.class]" role="menuitem">
<a :href="item.url||'#'" class="p-menuitem-link" @click="itemClick($event, item)" 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-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
</a> </a>
@ -71,11 +76,16 @@ export default {
this.overlayVisible = !this.overlayVisible; this.overlayVisible = !this.overlayVisible;
}, },
itemClick(event, item) { itemClick(event, item) {
if (item.disabled) {
return;
}
if (item.command) { if (item.command) {
item.command({originalEvent: event, item: item }); item.command({originalEvent: event, item: item });
event.preventDefault();
} }
this.overlayVisible = false; this.overlayVisible = false;
event.preventDefault();
}, },
onOverlayEnter() { onOverlayEnter() {
if (this.autoZIndex) { if (this.autoZIndex) {