[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

@@ -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;
}
}

View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-document-list {
min-height: 0;
height: 100%;
@@ -141,7 +143,7 @@
word-break: break-all;
white-space: pre-line;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
font-size: 48px;
}
}
@@ -163,12 +165,12 @@
object-fit: contain;
margin-top: 17px;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
width: 250px;
}
}
@media screen and (max-width: 960px) {
@include layout-bp(lt-md) {
&-drag-drop,
&-any-files-here-to-add {
display: none;

View File

@@ -1,4 +1,5 @@
@use '@angular/material' as mat;
@import 'styles/flex';
$mat-menu-overlay-min-width: 112px !default; // 56 * 2
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
@@ -23,7 +24,7 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
background-color: var(--adf-theme-background-card-color);
border-radius: 2px;
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;