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/content-services/src/lib/content-user-info/content-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;
}
}
@@ -94,7 +96,7 @@
display: flex;
justify-content: space-between;
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
padding: 10px;
}
}

8
lib/content-services/src/lib/document-list/components/document-list.component.scss
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;

3
lib/content-services/src/lib/search/components/search-control.component.scss
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;