[ADF-5505] deprecate angular flex layout library (#8562)

* ADF-5505 Removed some angular flex usages

* ADF-5505 Deprecated usage of angular flex layout in demo shell

* ADF-5505 Deprecated usage of angular flex layout in core files

* ADF-5505 Removed usage of angular flex layout from files from process services

* ADF-5505 Removed usage of angular flex layout from files from process services cloud

* ADF-5505 Removed usage of fxflex and fxlayout from left files

* ADF-5505 Removed usage of fxhide from left files

* ADF-5505 Fixed issue with incorrect colors

* ADF-5505 Fixed some lint issues

* ADF-5505 Removed imports of FlexLayoutModule

* ADF-5505 Uninstalled angular flex layout dependency

* ADF-5505 Removed usage of ngClass with gt-md

* ADF-5505 Removed duplicated selector

* ADF-5505 Removed empty line

* ADF-5505 Changed encapsulation
This commit is contained in:
AleksanderSklorz
2023-05-17 14:44:59 +02:00
committed by GitHub
parent 7e2a7f5b2c
commit 3b1842f038
148 changed files with 1852 additions and 1260 deletions

View File

@@ -9,18 +9,55 @@
}
}
.adf-new-task-form {
width: 100%;
}
.adf-new-task-layout-card {
margin: 10px auto;
flex: 1 1 100%;
max-width: 70%;
.adf-new-task-form {
flex-direction: column;
display: flex;
.adf-task-name, .adf-task-description, .input-row {
display: flex;
margin-bottom: 10px;
mat-form-field {
flex: 1;
}
}
.input-row {
@media screen and (max-width: 960px){
flex-direction: column;
}
@media screen and (min-width: 960px) {
mat-form-field {
margin-right: 20px;
}
}
}
.adf-task-form {
flex: 1 1 100%;
box-sizing: border-box;
max-width: 48%;
@media screen and (max-width: 600px){
max-width: 100%;
}
}
}
}
.adf-new-task-footer {
padding: 4px;
font-size: var(--theme-adf-task-footer-font-size);
border-top: 1px solid #eee;
display: flex;
place-content: flex-end;
align-items: flex-end;
}
.adf-mat-select {