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

[ADF-4339] Fix documentList and ContentServices UI for IE11 (#4660)

Browse Source 
* [ADF-4339] Fix documentList and ContentServices UI for IE11

* [ADF-4339] Fixed syntax mistake
This commit is contained in:
arditdomi
2019-04-29 11:20:09 +01:00
committed by Eugenio Romano
parent 8231a5a37e
commit 54a2b14285
6 changed files with 49 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/core/datatable/components/datatable/datatable.component.html
View File

@@ -110,7 +110,7 @@
*ngIf="row.isSelected && !multiselect; else no_selected_row" svgIcon="selected">
</mat-icon>
<ng-template #no_selected_row>
<img
<img class="adf-datatable-center-img-ie"
[attr.aria-label]="data.getValue(row, col) | fileType"
alt="{{ iconAltTextKey(data.getValue(row, col)) | translate }}"
src="{{ data.getValue(row, col) }}"
@@ -124,7 +124,7 @@
</div>
<div *ngSwitchCase="'date'" class="adf-cell-value"
[attr.data-automation-id]="'date_' + (data.getValue(row, col) | date: 'medium') ">
<adf-date-cell
<adf-date-cell class = "adf-datatable-center-date-column-ie"
[data]="data"
[column]="col"
[row]="row"
@@ -142,7 +142,7 @@
</div>
<div *ngSwitchCase="'fileSize'" class="adf-cell-value"
[attr.data-automation-id]="'fileSize_' + data.getValue(row, col)">
<adf-filesize-cell
<adf-filesize-cell class="adf-datatable-center-size-column-ie"
[data]="data"
[column]="col"
[row]="row"
@@ -185,7 +185,7 @@
<!-- Actions (right) -->
<div *ngIf="actions && actionsPosition === 'right'"
role="gridcell"
class="adf-datatable-cell adf-datatable__actions-cell">
class="adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie">
<button mat-icon-button [matMenuTriggerFor]="menu"
[title]="'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate"
[attr.id]="'action_menu_right_' + idx"

30
lib/core/datatable/components/datatable/datatable.component.scss
View File

@@ -169,6 +169,31 @@
background-color: mat-color($background, card);
border: $data-table-dividers;
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.adf-datatable-center-size-column-ie {
padding-top: 17px;
}
.adf-datatable-center-actions-column-ie {
padding-top: 7px !important;
}
.adf-datatable-center-date-column-ie {
position: relative !important;
.adf-datatable-cell-value {
width: 100%;
}
}
.adf-datatable-center-img-ie {
padding:0;
min-width: 0;
width: 24px;
height: 56px;
}
}
.adf-datatable-header {
display: flex;
flex-direction: column;
@@ -341,6 +366,11 @@
word-break: break-word;
padding: 10px;
display: block;
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
padding: 17px 10px 10px;
}
}
&:focus {