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 (#8945)

Browse Source 
* [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
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/process-services/src/lib/app-list/apps-list.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
/* stylelint-disable scss/no-global-function-names */
@mixin adf-line-clamp($line-height: 1.25, $lines: 3) {
position: relative;
@@ -66,12 +68,12 @@ $tile-themes: (
flex: 1 1 33.3333%;
max-width: 33.3333%;
@media screen and (max-width: 960px) {
@include layout-bp(lt-md) {
flex: 1 1 50%;
max-width: 50%;
}
@media screen and (max-width: 600px) {
@include layout-bp(lt-sm) {
flex: 1 1 100%;
max-width: 100%;
}

4
lib/process-services/src/lib/attachment/process-attachment-list.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-data-cell {
cursor: pointer !important;
}
@@ -43,7 +45,7 @@
object-fit: contain;
margin-top: 17px;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
width: 250px;
}
}

6
lib/process-services/src/lib/attachment/task-attachment-list.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
adf-datatable .adf-data-cell {
cursor: pointer !important;
}
@@ -25,7 +27,7 @@ adf-datatable .adf-data-cell {
word-break: break-all;
white-space: pre-line;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
font-size: 40px;
}
}
@@ -48,7 +50,7 @@ adf-datatable .adf-data-cell {
object-fit: contain;
margin-top: 17px;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
width: 250px;
}
}

4
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf {
&-attach-widget-container {
margin-bottom: 15px;
@@ -72,7 +74,7 @@
max-width: 200px;
}
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
.mat-list-text {
max-width: 150px;
}

4
lib/process-services/src/lib/process-list/components/start-process.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf {
&-start-process {
width: 96%;
@@ -71,7 +73,7 @@
}
}
@media (max-width: 600px) {
@include layout-bp(lt-sm) {
.adf-start-process {
width: 90%;
margin-left: auto;

6
lib/process-services/src/lib/process-user-info/process-user-info.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf {
&-userinfo-container {
display: flex;
@@ -12,7 +14,7 @@
&-userinfo-name {
padding: 0 5px;
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
display: none;
}
}
@@ -90,7 +92,7 @@
display: flex;
justify-content: space-between;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
padding: 10px;
}
}

8
lib/process-services/src/lib/task-list/components/start-task.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
/* stylelint-disable no-descending-specificity */
.adf-new-task-heading {
padding-top: 12px;
@@ -28,11 +30,11 @@
}
.input-row {
@media screen and (max-width: 960px){
@include layout-bp(lt-md) {
flex-direction: column;
}
@media screen and (min-width: 960px) {
@include layout-bp(lt-md) {
mat-form-field {
margin-right: 20px;
}
@@ -44,7 +46,7 @@
box-sizing: border-box;
max-width: 48%;
@media screen and (max-width: 600px){
@include layout-bp(lt-sm) {
max-width: 100%;
}
}

4
lib/process-services/src/lib/task-list/components/task-details.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
adf-task-details {
width: 100%;
@@ -52,7 +54,7 @@ adf-task-details {
&-sidebar {
&-drawer {
@media screen and (max-width: 1279px) {
@include layout-bp(lt-lg) {
margin-left: 0;
}
}

4
lib/process-services/src/lib/task-list/components/task-header.component.scss
View File

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