fix

Author: lucasgoral

src/components/Yaml/YamlViewer.module.css

@@ -1,27 +1,6 @@
 .container {
-  position: relative;
   width: 100%;
-  height: 100%;
+  min-height: 100%;
   max-height: 100%;
   max-width: 100%;
-  overflow: hidden;
-}
-
-.buttons {
-  position: sticky;
-  top: 0;
-  right: 0;
-  z-index: 1;
-}
-
-.button {
-  width: 4rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  svg {
-    width: 32px;
-    transform: translateY(1px);
-  }
 }

src/components/Yaml/YamlViewer.tsx

@@ -1,7 +1,5 @@
 import { FC } from 'react';
-import { Button, FlexBox } from '@ui5/webcomponents-react';
-import { useCopyToClipboard } from '../../hooks/useCopyToClipboard.ts';
-import { useTranslation } from 'react-i18next';
+
 import { YamlEditor } from '../YamlEditor/YamlEditor';
 
 import styles from './YamlViewer.module.css';
@@ -14,40 +12,12 @@ type YamlViewerProps = {
   setShowOnlyImportantData?: (showOnlyImportantData: boolean) => void;
 };
 
-// Download button is hidden now due to stakeholder request
-const SHOW_DOWNLOAD_BUTTON = false;
-
-export const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename, yamlStringToCopy }) => {
-  const { t } = useTranslation();
-  const { copyToClipboard } = useCopyToClipboard();
-  const downloadYaml = () => {
-    const blob = new Blob([yamlString], { type: 'text/yaml' });
-    const url = window.URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = `${filename}.yaml`;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    window.URL.revokeObjectURL(url);
-  };
-
+export const YamlViewer: FC<YamlViewerProps> = ({ yamlString, filename }) => {
   return (
     <div className={styles.container}>
-      <FlexBox className={styles.buttons} direction="Row" justifyContent="End" alignItems="Baseline" gap={16}>
-        <Button icon="copy" onClick={() => copyToClipboard(yamlStringToCopy ?? yamlString)}>
-          {t('buttons.copy')}
-        </Button>
-        {SHOW_DOWNLOAD_BUTTON && (
-          <Button icon="download" onClick={downloadYaml}>
-            {t('buttons.download')}
-          </Button>
-        )}
-      </FlexBox>
-
       {/* Use controlled value with a stable model path to update content without remounting */}
+      <div>.</div>
       <YamlEditor value={yamlString} path={`${filename}.yaml`} options={{ readOnly: true }} />
     </div>
   );
 };
-