mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ACA-4455] Fixed row column scrolling on small width screens (#7133)
This commit is contained in:
@@ -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%;
|
||||||
|
Reference in New Issue
Block a user