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

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}

View File

@ -4598,9 +4598,18 @@
}
.p-button:disabled {
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;
}
.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 {
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);
}