Aligned disabled buttons with material spec
parent
50764cb1cb
commit
50ac28725a
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue