inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2018] Hide details button when it's displayed on a smartphone (#3100)

Browse Source 
* [ADF-2018] Hide details button when it's displayed on a smartphone

* [ADF-2018] Media query with variables fixed

* [ADF-2018] Properly merged
This commit is contained in:
davidcanonieto
2018-03-22 14:53:17 +00:00
committed by Eugenio Romano
parent 5c4a18dd48
commit 2084748993
4 changed files with 148 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell/src/app/components/files/files.component.html
View File

@@ -129,7 +129,7 @@
<button mat-menu-item (click)="toolbarColor = 'warn'">Warn</button>
</mat-menu>
<button mat-icon-button (click)="showVersions = !showVersions">
<button mat-icon-button (click)="showVersions = !showVersions" class="adf-show-versions-button">
<mat-icon *ngIf="!showVersions">chevron_left</mat-icon>
<mat-icon *ngIf="showVersions">chevron_right</mat-icon>
</button>

8
demo-shell/src/app/components/files/files.component.scss
View File

@@ -1,13 +1,18 @@
@mixin adf-file-component-theme($theme) {
$minimumDocumentListWidth: 425px;
.container {
margin: 10px;
}
@media only screen and (max-width: 640px) {
@media screen and ($mat-xsmall) {
.container {
margin: 0;
}
.adf-show-versions-button.mat-icon-button {
display: none;
}
}
.error-message {
@@ -155,3 +160,4 @@ adf-document-list ::ng-deep .adf-datatable-selected > svg {
}
}
}
}

3
demo-shell/src/custom-style-dev.scss
View File

@@ -1,4 +1,6 @@
@import './app/components/app-layout/app-layout.component.scss';
@import './app/components/files/files.component.scss';
@import 'content-services/styles/index';
@import 'process-services/styles/index';
@@ -16,6 +18,7 @@ $theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include adf-app-layout-theme($theme);
@include adf-file-component-theme($theme);
@include adf-content-services-theme($theme);
@include adf-process-services-theme($theme);

1
demo-shell/src/custom-style.scss
View File

@@ -16,6 +16,7 @@ $theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);
@include adf-app-layout-theme($theme);
@include adf-file-component-theme($theme);
@include adf-content-services-theme($theme);
@include adf-process-services-theme($theme);