inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-07 18:25:09 +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
Show Stats 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> <button mat-menu-item (click)="toolbarColor = 'warn'">Warn</button>
</mat-menu> </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_left</mat-icon>
<mat-icon *ngIf="showVersions">chevron_right</mat-icon> <mat-icon *ngIf="showVersions">chevron_right</mat-icon>
</button> </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; $minimumDocumentListWidth: 425px;
.container { .container {
margin: 10px; margin: 10px;
} }
@media only screen and (max-width: 640px) { @media screen and ($mat-xsmall) {
.container { .container {
margin: 0; margin: 0;
} }
.adf-show-versions-button.mat-icon-button {
display: none;
}
} }
.error-message { .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/app-layout/app-layout.component.scss';
@import './app/components/files/files.component.scss';
@import 'content-services/styles/index'; @import 'content-services/styles/index';
@import 'process-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 angular-material-theme($theme);
@include adf-app-layout-theme($theme); @include adf-app-layout-theme($theme);
@include adf-file-component-theme($theme);
@include adf-content-services-theme($theme); @include adf-content-services-theme($theme);
@include adf-process-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 angular-material-theme($theme);
@include adf-app-layout-theme($theme); @include adf-app-layout-theme($theme);
@include adf-file-component-theme($theme);
@include adf-content-services-theme($theme); @include adf-content-services-theme($theme);
@include adf-process-services-theme($theme); @include adf-process-services-theme($theme);