Merge pull request #13495 from sg00dwin/editor-sidebar-width-bug

openshift-merge-bot[bot] · web-flow · commit 9d4a9b0a01b2 · 2024-01-12T16:18:10.000Z
OCPBUGS-26039: Make editor sidebar width consistent
diff --git a/frontend/packages/console-shared/src/components/formik-fields/CodeEditorField.scss b/frontend/packages/console-shared/src/components/formik-fields/CodeEditorField.scss
@@ -27,7 +27,7 @@
   }
   &__sidebar {
     display: flex;
-    flex: 1 0 0;
+    width: 34%;
     margin-top: -$pf-v5-global-gutter--md;
     @media screen and (max-width: $pf-v5-global--breakpoint--lg) {
       display: none;
diff --git a/frontend/public/style/_layout.scss b/frontend/public/style/_layout.scss
@@ -42,7 +42,7 @@ body,
   height: 100%;
 
   &__body {
-    flex: 1 1 auto;
+    flex: 2;
   }
 
   &__close-button {

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`	`}`
`28`	`28`	`&__sidebar {`
`29`	`29`	`display: flex;`
`30`		`- flex: 1 0 0;`
	`30`	`+ width: 34%;`
`31`	`31`	`margin-top: -$pf-v5-global-gutter--md;`
`32`	`32`	`@media screen and (max-width: $pf-v5-global--breakpoint--lg) {`
`33`	`33`	`display: none;`