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;
align-items: center;
color: var(--primary-color);
&:disabled {
color: #CBCBCB;
}
}
.plan-stepper {

109
frontend/src/styles.scss
View File

@ -416,64 +416,63 @@ 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;
}
&.secondary {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #000000;
}
&.save-btn {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #000000;
padding-left: 2em;
padding-right: 2em;
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
&.cancel-btn {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #b5b5b5;
padding-left: 2em;
padding-right: 2em;
&:disabled {
background-color: #CBCBCB;
color: #FFF;
border: 0px;
}
}
// &.finalize-btn {
// }
&.delete-btn {
background: #ffffff;
color: #ba2c2c;
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;
}
}
&.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;
}
&.save-btn {
background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #000000;
padding-left: 2em;
padding-right: 2em;
}
&.cancel-btn {
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #b5b5b5;
padding-left: 2em;
padding-right: 2em;
}
&.finalize-btn {
}
&.delete-btn {
background: #ffffff;
color: #ba2c2c;
border: 1px solid #ba2c2c;
padding-left: 2em;
padding-right: 2em;
}
&.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 {