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

Aligned disabled buttons with material spec

pull/358/head
cagataycivici 2020-06-29 11:22:38 +03:00
parent 50764cb1cb
commit 50ac28725a
8 changed files with 80 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/themes/md-dark-deeppurple/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/md-dark-indigo/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/md-light-deeppurple/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/md-light-indigo/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/mdc-dark-indigo/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/mdc-light-deeppurple/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }

11
public/themes/mdc-light-indigo/theme.css
View File

@ -4598,9 +4598,18 @@
} }
.p-button:disabled { .p-button:disabled {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
color: rgba(0, 0, 0, 0.26) !important; color: rgba(0, 0, 0, 0.38) !important;
opacity: 1; opacity: 1;
} }
.p-button:disabled.p-button-text {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
}
.p-button:disabled.p-button-outlined {
background-color: transparent !important;
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
.p-button.p-button-raised:enabled:focus { .p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }