[AAE-16369] use layout-bp mixin where applicable (#8945)

* [AAE-15828] layout-bp mixin for core

* [AAE-15828] fixed import

* [AAE-15828] layout-bp for process-services-cloud

* [AAE-15828] layout-bp for process-services

* [AAE-15828] layout-bp for content-services

* [AAE-15828] fixed incorrect values

* [AAE-15828] lint fix

* configure stylePreprocessorOptions for cross project scss importing

* scss import cardio

* set correct style paths for packages

* [AAE-16369] addded missing test config

* [ci:force] fix for the pretheme build

* unified configs for libs
This commit is contained in:
Wojciech Duda
2023-10-23 16:36:26 +02:00
committed by GitHub
parent f6f74f4660
commit 3912a652d5
32 changed files with 245 additions and 61 deletions

View File

@@ -21,7 +21,10 @@
"lib": {
"entryFile": "src/public-api.ts",
"flatModuleFile": "adf-process-services-cloud"
"flatModuleFile": "adf-process-services-cloud",
"styleIncludePaths": [
"../core/src/lib"
]
},
"allowedNonPeerDependencies": [
"@apollo/client",

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
adf-cloud-app-list {
width: 100%;
@@ -27,11 +29,11 @@ adf-cloud-app-list {
flex: 1 1 100%;
max-width: 33.3333%;
@media screen and (max-width: 960px) {
@include layout-bp(lt-md) {
max-width: 50%;
}
@media screen and (max-width: 600px) {
@include layout-bp(lt-sm) {
max-width: 100%;
}
}

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-edit-process-filter-date-error-container {
position: absolute;
height: 20px;
@@ -48,7 +50,7 @@
max-width: 23%;
}
@media screen and (max-width: 600px) {
@include layout-bp(lt-sm) {
flex-flow: column;
:not(:last-child) {

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-cloud-start-task-heading {
border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
margin-bottom: 10px;
@@ -83,7 +85,7 @@ adf-cloud-start-task {
}
}
@media screen and (max-width: 960px) {
@include layout-bp(lt-md) {
flex-direction: column;
mat-form-field,

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-edit-task-filter-checkbox {
font-size: var(--theme-subheading-2-font-size);
padding-top: 10px;
@@ -58,7 +60,7 @@
flex: 1 1 23%;
}
@media screen and (max-width: 600px) {
@include layout-bp(lt-sm) {
flex-flow: column;
:not(:last-child) {

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf {
&-controls {
display: flex;
@@ -26,7 +28,7 @@
}
}
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
adf-card-view .adf-property-value {
text-overflow: ellipsis;
overflow: hidden;