MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
View File

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

39
frontend/src/styles.scss
View File

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