plan editor > fix styling for disabled btns

This commit is contained in:
mchouliara 2024-09-02 10:44:45 +03:00
parent 398a2059ad
commit d8799ea89b
2 changed files with 57 additions and 55 deletions

View File

@ -70,6 +70,9 @@
justify-content: center;
align-items: center;
color: var(--primary-color);
&:disabled {
color: #CBCBCB;
}
}
.plan-stepper {

View File

@ -416,23 +416,10 @@ button,.mdc-button,.mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[ma
&:hover {
box-shadow: var(--mdc-protected-button-hover-container-elevation-shadow);
}
}
&.neutral {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #b5b5b5;
}
&.primary {
background: var(--primary-color) 0% 0% no-repeat padding-box;
color: #ffffff;
}
&.primary-inverted {
border: 1px solid var(--primary-color);
background: transparent;
color: var(--primary-color);
}
&.secondary {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #000000;
@ -443,6 +430,11 @@ button,.mdc-button,.mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[ma
color: #000000;
padding-left: 2em;
padding-right: 2em;
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
&.cancel-btn {
@ -450,11 +442,16 @@ button,.mdc-button,.mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[ma
border: 1px solid #b5b5b5;
padding-left: 2em;
padding-right: 2em;
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
&.finalize-btn {
// &.finalize-btn {
}
// }
&.delete-btn {
background: #ffffff;
@ -462,18 +459,20 @@ button,.mdc-button,.mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[ma
border: 1px solid #ba2c2c;
padding-left: 2em;
padding-right: 2em;
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
&.md-button {
padding: 0.62rem 1.87rem;
font-weight: 400;
}
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
.mat-mdc-button.mat-mdc-button-disabled {