awesome wip split view

allure-framework · Feb 11, 2025 · 8188230 · 8188230
1 parent 42b1083
commit 8188230
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 4 deletions.
diff --git a/packages/web-awesome/src/components/BaseLayout/styles.scss b/packages/web-awesome/src/components/BaseLayout/styles.scss
@@ -8,7 +8,7 @@
 }
 
 .wrapper {
-  max-width: 920px;
+  //max-width: 920px;
   width: 100%;
   flex-direction: column;
   margin: auto;
@@ -19,6 +19,9 @@
   background: var(--bg-base-primary);
   border-radius: 12px;
   width: 100%;
+  overflow: hidden;
+  overflow-y: scroll;
+  height: 90vh;
 }
 
 .test-results {

diff --git a/packages/web-awesome/src/components/ReportBody/styles.scss b/packages/web-awesome/src/components/ReportBody/styles.scss
@@ -4,6 +4,10 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  position: sticky;
+  top: 120px;
+  background: var(--bg-base-primary);
+  z-index: 1;
 }
 
 .headerRow {

diff --git a/packages/web-awesome/src/components/ReportHeader/styles.scss b/packages/web-awesome/src/components/ReportHeader/styles.scss
@@ -4,6 +4,11 @@
   justify-content: space-between;
   padding: 24px;
   align-items: flex-start;
+  position: sticky;
+  z-index: 1;
+  background: var(--bg-base-primary);
+  top: 0;
+  border-radius: 8px;
 }
 
 .report-wrapper {

diff --git a/packages/web-awesome/src/components/SideBySide/styles.scss b/packages/web-awesome/src/components/SideBySide/styles.scss
@@ -5,18 +5,20 @@
   margin: 0;
   overflow: hidden;
   display: flex;
+  max-width: 1920px;
+  margin: auto;
 }
 
 .side-left {
-  padding: 8px;
+  padding: 8px 0 8px 8px;
   overflow: auto;
-  flex: 0 0 auto;
+  //flex: 0 0 auto;
 }
 
 .side-right {
   overflow: auto;
   flex: 1 1 auto;
-  padding: 8px;
+  padding: 8px 8px 8px 0;
 }
 
 [dir="ltr"] {

diff --git a/packages/web-awesome/src/components/TestResult/TestResultInfo/styles.scss b/packages/web-awesome/src/components/TestResult/TestResultInfo/styles.scss
@@ -1,5 +1,9 @@
 .test-result-info {
   padding: 20px 24px 0;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--bg-base-primary);
 }
 
 .test-result-info-data {