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/core/src/lib/form/components/form-renderer.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-hidden {
display: none;
}
@@ -22,7 +24,7 @@
.adf-container-widget {
.adf-grid-list-column-view {
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
display: flow;
}
@@ -56,7 +58,7 @@
padding-right: 3px;
}
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
.adf-grid-list-item {
flex: 1 0 100%;
}

7
lib/core/src/lib/identity-user-info/identity-user-info.component.scss
View File

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

4
lib/core/src/lib/layout/components/header/header.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
adf-layout-header .mat-toolbar-single-row {
color: var(--theme-header-text-color) !important;
background-color: var(--theme-primary-color);
@@ -50,7 +52,7 @@ adf-layout-header .mat-toolbar-single-row {
padding: 0;
}
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
.adf-app-logo,
.adf-app-title {
display: none;

6
lib/core/src/lib/styles/_default-class.scss
View File

@@ -1,11 +1,13 @@
@import 'styles/flex';
.adf-hide-small {
@media screen and (max-width: 959px) {
@include layout-bp(lt-md) {
display: none !important;
}
}
.adf-hide-xsmall {
@media screen and (max-width: 599px) {
@include layout-bp(lt-sm) {
display: none !important;
}
}

25
lib/core/src/lib/templates/error-content/error-content.component.scss
View File

@@ -1,3 +1,5 @@
@import 'styles/flex';
.adf-error-content {
color: var(--adf-theme-foreground-text-color-054);
display: flex;
@@ -30,5 +32,28 @@
width: 50%;
min-width: 250px;
margin-bottom: 60px;
line-height: 30px;
}
}
@include layout-bp(lt-md) {
.adf-error-content {
&-code {
margin-top: 100px;
font-size: 50px;
margin-bottom: 25px;
}
&-shadow {
width: 100px;
}
&-title {
font-size: var(--theme-headline-font-size);
}
&-description {
font-size: var(--theme-subheading-2-font-size);
}
}
}