From 6897f209549373f386858cf963b8b004788a2868 Mon Sep 17 00:00:00 2001
From: arditdomi <32884230+arditdomi@users.noreply.github.com>
Date: Fri, 24 May 2019 16:41:19 +0100
Subject: [PATCH] [ADF-4466] Fix alignment issues - IE11 (#4772)

* [ADF-4466] Fix alignment issues - IE11

* [ADF-4466] Fix implementation from demo shell specific to generic

* [ADF-4466] Remove unused query for IE11
---
 .../src/app/components/trashcan/trashcan.component.html   | 3 ++-
 .../components/datatable/datatable.component.scss         | 8 ++++++++
 .../layout-container/layout-container.component.scss      | 7 +++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/demo-shell/src/app/components/trashcan/trashcan.component.html b/demo-shell/src/app/components/trashcan/trashcan.component.html
index 0b3317a182..ff59b2c58f 100644
--- a/demo-shell/src/app/components/trashcan/trashcan.component.html
+++ b/demo-shell/src/app/components/trashcan/trashcan.component.html
@@ -76,7 +76,8 @@
                     key="archivedAt"
                     title="DOCUMENT_LIST.COLUMNS.DELETED_ON">
                     <ng-template let-value="value">
-                        <span title="{{ value | date:'medium' }}">{{ value | adfTimeAgo: currentLocale }}</span>
+                        <span title="{{ value | date:'medium' }}"
+                              class="adf-datatable-cell-value">{{ value | adfTimeAgo: currentLocale }}</span>
                     </ng-template>
                 </data-column>
 
diff --git a/lib/core/datatable/components/datatable/datatable.component.scss b/lib/core/datatable/components/datatable/datatable.component.scss
index b986189427..6f3860473d 100644
--- a/lib/core/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/datatable/components/datatable/datatable.component.scss
@@ -177,6 +177,7 @@
                 .adf-datatable-center-actions-column-ie {
                     padding-top: 7px !important;
                 }
+
                 .adf-datatable-center-date-column-ie {
                     position: relative !important;
 
@@ -236,6 +237,13 @@
                 max-width: $data-table-thumbnail-width;
                 width: $data-table-thumbnail-width;
             }
+
+            /* query for Microsoft IE 11*/
+            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+                .adf-datatable-checkbox {
+                    padding-top: 15px;
+                }
+            }
         }
 
         .adf-datatable-cell, .adf-datatable-cell-header {
diff --git a/lib/core/layout/components/layout-container/layout-container.component.scss b/lib/core/layout/components/layout-container/layout-container.component.scss
index f7af955fbd..9b10e9d1ab 100644
--- a/lib/core/layout/components/layout-container/layout-container.component.scss
+++ b/lib/core/layout/components/layout-container/layout-container.component.scss
@@ -17,6 +17,13 @@
         width: inherit;
     }
 
+    /* query for Microsoft IE 11*/
+    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+        .adf-container-full-width {
+            width: 100%;
+        }
+    }
+
     .adf-sidenav--hidden {
         visibility: hidden !important;
         width: 0 !important;