Merge pull request #1948 from metalice/CNV-40162-fix-css-checkup-yaml

CNV-40162: Fix css checkups yaml's
kubevirt-ui · May 16, 2024 · a2eb1e4 · a2eb1e4
2 parents af8fd1d + a5bcd32
commit a2eb1e4
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/src/views/checkups/network/details/CheckupsNetworkDetailsPage.tsx b/src/views/checkups/network/details/CheckupsNetworkDetailsPage.tsx
@@ -59,7 +59,11 @@ const CheckupsNetworkDetailsPage = () => {
             <CheckupsDetailsPageHistory error={error} jobs={jobMatches} loading={loading} />
           </PageSection>
         </Tab>
-        <Tab eventKey={1} title={<TabTitleText>{t('YAML')}</TabTitleText>}>
+        <Tab
+          className="CheckupsNetworkDetailsPage--yaml"
+          eventKey={1}
+          title={<TabTitleText>{t('YAML')}</TabTitleText>}
+        >
           <ResourceYAMLEditor initialResource={configMap} />
         </Tab>
       </Tabs>

diff --git a/src/views/checkups/network/details/checkups-network-details-page.scss b/src/views/checkups/network/details/checkups-network-details-page.scss
@@ -2,3 +2,9 @@
 .pf-c-tab-content {
   height: 100%;
 }
+
+.CheckupsNetworkDetailsPage {
+  &--yaml {
+    height: 100%;
+  }
+}
diff --git a/src/views/checkups/storage/details/CheckupsStorageDetailsPage.tsx b/src/views/checkups/storage/details/CheckupsStorageDetailsPage.tsx
@@ -59,7 +59,11 @@ const CheckupsStorageDetailsPage = () => {
             <CheckupsDetailsPageHistory error={error} jobs={jobMatches} loading={loading} />
           </PageSection>
         </Tab>
-        <Tab eventKey={1} title={<TabTitleText>{t('YAML')}</TabTitleText>}>
+        <Tab
+          className="CheckupsStorageDetailsPage--yaml"
+          eventKey={1}
+          title={<TabTitleText>{t('YAML')}</TabTitleText>}
+        >
           <ResourceYAMLEditor initialResource={configMap} />
         </Tab>
       </Tabs>

diff --git a/src/views/checkups/storage/details/checkups-storage-details-page.scss b/src/views/checkups/storage/details/checkups-storage-details-page.scss
@@ -2,3 +2,9 @@
 .pf-c-tab-content {
   height: 100%;
 }
+
+.CheckupsStorageDetailsPage {
+  &--yaml {
+    height: 100%;
+  }
+}