diff --git a/src/components/Details/details.scss b/src/components/Details/details.scss index 669a960e9..c09e23277 100644 --- a/src/components/Details/details.scss +++ b/src/components/Details/details.scss @@ -240,6 +240,15 @@ width: 100%; height: 100%; + &__header { + display: flex; + justify-content: space-between; + + &-text { + align-self: center; + } + } + .inputs_container { width: 100%; } @@ -255,13 +264,6 @@ } .preview { - &-icon__wrapper { - display: flex; - flex: 0 1 auto; - justify-content: flex-end; - margin-bottom: 10px; - } - &_popout { padding: 0; margin: 0; diff --git a/src/components/DetailsPreview/DetailsPreview.js b/src/components/DetailsPreview/DetailsPreview.js index 0620e25e4..3cbcaa872 100644 --- a/src/components/DetailsPreview/DetailsPreview.js +++ b/src/components/DetailsPreview/DetailsPreview.js @@ -60,18 +60,26 @@ const DetailsPreview = ({ artifact, handlePreview }) => { return (
- {popupButtonIsDisplayed && ( -
- - - +
+
+ {artifact.header_original_length && + artifact.header_original_length > preview[0]?.data?.headers?.length && ( + This table presents partial data. To view complete data, download it. + )}
- )} + {popupButtonIsDisplayed && ( +
+ + + +
+ )} +
{preview[0]?.hidden && artifact.extra_data?.length > 0 ? null : ( diff --git a/src/elements/PreviewModal/PreviewModal.js b/src/elements/PreviewModal/PreviewModal.js index 4058ed848..dfdbcfbfe 100644 --- a/src/elements/PreviewModal/PreviewModal.js +++ b/src/elements/PreviewModal/PreviewModal.js @@ -93,6 +93,12 @@ const PreviewModal = ({ artifact }) => { />
+ {artifact.header_original_length && + artifact.header_original_length > preview[0]?.data?.headers?.length && ( +
+ This table presents partial data. To view complete data, download it. +
+ )}
{preview[0]?.hidden && artifact.extra_data?.length > 0 ? null : ( diff --git a/src/elements/PreviewModal/previewModal.scss b/src/elements/PreviewModal/previewModal.scss index 78cddcfe9..5a3793fda 100644 --- a/src/elements/PreviewModal/previewModal.scss +++ b/src/elements/PreviewModal/previewModal.scss @@ -79,6 +79,11 @@ } } } + + &-message { + margin: 15px 0 10px; + color: $mulledWine; + } } }