inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Wojciech Duda
2023-09-28 14:18:15 +02:00
committed by GitHub
parent a0c79e6c64
commit d7e0bb6cd3
32 changed files with 297 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.scss
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%;
}
}

4
lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.scss
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) {

4
lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.scss
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,

4
lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/base-edit-task-filter-cloud.component.scss
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) {

4
lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.scss
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;