Fix issue with long texts on templates tooltips (#4085)

Signed-off-by: Cintia Sánchez García <[email protected]>
artifacthub · Oct 8, 2024 · 088b92b · 088b92b
1 parent 00988b2
commit 088b92b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/web/src/layout/package/chartTemplates/Template.module.css b/web/src/layout/package/chartTemplates/Template.module.css
@@ -18,6 +18,11 @@
   animation: blinker 1s linear 1;
 }
 
+.definedTemplate {
+  max-width: 480px;
+  min-width: 350px;
+}
+
 @keyframes blinker {
   50% {
     opacity: 1;

diff --git a/web/src/layout/package/chartTemplates/Template.tsx b/web/src/layout/package/chartTemplates/Template.tsx
@@ -193,7 +193,7 @@ const Template = (props: Props) => {
             element={<span className={`${styles.tmplDefinedTemplate}  ${styles[`${effective}Theme`]}`}>{word}</span>}
             info={
               <div className="d-flex flex-column p-2">
-                <div className="text-nowrap">
+                <div className={styles.definedTemplate}>
                   Template defined in <span className="fw-bold">{templateInHelper.template}</span> line{' '}
                   <span className="fw-bold">{templateInHelper.line}</span>
                 </div>