[ACA-4455] Fixed row column scrolling on small width screens (#7133)

This commit is contained in:
Thomas Hunter
2021-06-29 17:01:53 +01:00
committed by GitHub
parent 7f7b61bda1
commit 2ef7596620

View File

@@ -194,6 +194,7 @@
background-color: mat-color($background, card); background-color: mat-color($background, card);
border: $data-table-dividers-wrapper-border; border: $data-table-dividers-wrapper-border;
box-sizing: border-box; box-sizing: border-box;
overflow-x: auto;
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.adf-datatable-center-size-column-ie { .adf-datatable-center-size-column-ie {
@@ -223,6 +224,8 @@
.adf-datatable-header { .adf-datatable-header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: fit-content;
min-width: 100%;
} }
.adf-datatable-cell { .adf-datatable-cell {
@@ -251,6 +254,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: inherit; background-color: inherit;
width: fit-content;
min-width: 100%;
.adf-datatable-row { .adf-datatable-row {
@include material-animation-default(0.28s); @include material-animation-default(0.28s);
@@ -548,6 +553,7 @@
padding: 0 !important; padding: 0 !important;
border: none !important; border: none !important;
width: 100%; width: 100%;
justify-content: center;
& > img { & > img {
width: 100%; width: 100%;