From 781ca4f4dab4c279f67de8fc221ec25aca4067b2 Mon Sep 17 00:00:00 2001
From: Oleksandr_Halichenko <oleksandr_halichenko@epam.com>
Date: Thu, 31 Aug 2023 12:04:05 +0300
Subject: [PATCH 1/2] - fixed width and height of error and logs overlay

---
 .nvmrc                        | 1 +
 CHANGELOG.MD                  | 3 +++
 README.md                     | 2 +-
 package-lock.json             | 4 ++--
 package.json                  | 2 +-
 src/components/ErrorModal.tsx | 9 +++------
 src/components/LogsModal.tsx  | 9 +++------
 7 files changed, 14 insertions(+), 16 deletions(-)
 create mode 100644 .nvmrc

diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..f274881
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v16.16.0
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index c1f4b8a..bfaaf9f 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -1,3 +1,6 @@
+# 0.14.2
+- fixed width and height of error and logs overlay
+
 # 0.14.1
 - fixed stacktrace overlay
 - fixed multiline and data table displaying
diff --git a/README.md b/README.md
index d47bc90..259786f 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ or pass `--format @qavajs/html-formatter:report.html` in cli
 
 Kudos to https://github.com/epam/UUI for providing components
 
-## Development
+## Development (use nodejs 16)
 
 `npm install`
 
diff --git a/package-lock.json b/package-lock.json
index 1e68559..7466656 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@qavajs/html-formatter",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@qavajs/html-formatter",
-      "version": "0.14.1",
+      "version": "0.14.2",
       "devDependencies": {
         "@babel/core": "^7.21.0",
         "@cucumber/cucumber": "^9.4.0",
diff --git a/package.json b/package.json
index cadaf53..017df24 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/html-formatter",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "main": "formatter/formatter.js",
   "scripts": {
     "report:compile": "node test/compile_report.js",
diff --git a/src/components/ErrorModal.tsx b/src/components/ErrorModal.tsx
index 2df8fc6..24091e2 100644
--- a/src/components/ErrorModal.tsx
+++ b/src/components/ErrorModal.tsx
@@ -5,23 +5,20 @@ import {
     ModalHeader,
     ModalWindow,
     FlexRow,
-    Panel,
-    ScrollBars
+    Panel
 } from '@epam/promo';
 
 export const ErrorModal = (modalProps: any) => {
     return <>
         <ModalBlocker blockerShadow='dark' {...modalProps}>
-            <ModalWindow style={{width: '100%', margin: 'auto'}}>
+            <ModalWindow style={{width: '90vw', margin: 'auto', height: '60vh'}}>
                 <Panel background="white">
                     <ModalHeader title="Error" onClose={() => modalProps.success('close')}/>
-                    <ScrollBars hasTopShadow hasBottomShadow>
                         <FlexRow padding='24'>
-                            <pre style={{width: '100%'}}>
+                            <pre style={{width: '100%', overflow: 'auto'}}>
                                 {modalProps.error}
                             </pre>
                         </FlexRow>
-                    </ScrollBars>
                     <ModalFooter/>
                 </Panel>
             </ModalWindow>
diff --git a/src/components/LogsModal.tsx b/src/components/LogsModal.tsx
index bc533b3..c4baf5c 100644
--- a/src/components/LogsModal.tsx
+++ b/src/components/LogsModal.tsx
@@ -5,23 +5,20 @@ import {
     ModalHeader,
     ModalWindow,
     FlexRow,
-    Panel,
-    ScrollBars
+    Panel
 } from '@epam/promo';
 
 export const LogsModal = (modalProps: any) => {
     return <>
         <ModalBlocker blockerShadow='dark' {...modalProps}>
-            <ModalWindow style={{width: '100%', margin: 'auto'}}>
+            <ModalWindow style={{width: '90vw', margin: 'auto'}}>
                 <Panel background="white">
                     <ModalHeader title="Logs" onClose={() => modalProps.success('close')}/>
-                    <ScrollBars hasTopShadow hasBottomShadow>
                         <FlexRow padding='24'>
-                            <pre style={{width: '100%'}}>
+                            <pre style={{width: '100%', overflow: 'auto', height: '60vh'}}>
                                 {modalProps.logs.map((log: any, index: number) => <div key={index}>{log.data}</div>)}
                             </pre>
                         </FlexRow>
-                    </ScrollBars>
                     <ModalFooter/>
                 </Panel>
             </ModalWindow>

From bef498037af848bec79b7313831c4a0feed99b14 Mon Sep 17 00:00:00 2001
From: Oleksandr_Halichenko <oleksandr_halichenko@epam.com>
Date: Thu, 31 Aug 2023 12:05:42 +0300
Subject: [PATCH 2/2] - fixed width and height of error and logs overlay

---
 src/components/LogsModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LogsModal.tsx b/src/components/LogsModal.tsx
index c4baf5c..2249b5f 100644
--- a/src/components/LogsModal.tsx
+++ b/src/components/LogsModal.tsx
@@ -11,11 +11,11 @@ import {
 export const LogsModal = (modalProps: any) => {
     return <>
         <ModalBlocker blockerShadow='dark' {...modalProps}>
-            <ModalWindow style={{width: '90vw', margin: 'auto'}}>
+            <ModalWindow style={{width: '90vw', margin: 'auto', height: '60vh'}}>
                 <Panel background="white">
                     <ModalHeader title="Logs" onClose={() => modalProps.success('close')}/>
                         <FlexRow padding='24'>
-                            <pre style={{width: '100%', overflow: 'auto', height: '60vh'}}>
+                            <pre style={{width: '100%', overflow: 'auto'}}>
                                 {modalProps.logs.map((log: any, index: number) => <div key={index}>{log.data}</div>)}
                             </pre>
                         </FlexRow>