fix(docs-infra): fix calculation of height editor (angular#54128)

Apply the min() function for set the smallest height

fix(docs-infra): move height into editor-wrapper

Move the calculation rule of height edit into editor-wrapper selector

fix(docs-infra): change has selector

Change the has selector

fix(docs-infra): change selector's for child

Changing the selector for test this solution

Fix

PR Close angular#54128

Author: vladboisa

adev/src/app/editor/code-editor/code-editor.component.scss

@@ -127,6 +127,16 @@
   &-hidden {
     display: none;
   }
+
+  // If error box are displayed, move inline-errors-box
+  // to bottom of the editor and adjust height
+  // so that scroll bar & content do not render under tabs
+  &:has(~ .adev-inline-errors-box) ~ .adev-inline-errors-box {
+      bottom: auto;
+  }
+  &:has(~ .adev-inline-errors-box) {
+    height: min(75% - 49px);
+  }
 }
 
 .adev-inline-errors-box {

adev/src/app/editor/embedded-editor.component.scss

@@ -32,12 +32,6 @@ $width-breakpoint: 950px;
     }
   }
 
-  // If error box are displayed, modify the height of the editor
-  &:has(.adev-inline-errors-box) {
-    .adev-code-editor-wrapper {
-      height: calc(50% - 33px) ;
-    }
-  }
   // If files are displayed, share the space
   &:has(.docs-editor-tabs) {
     .adev-tutorial-code-editor {