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;
+ }
}
}