[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

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>
 

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 {

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;