[MM-1027]: Fixed the issue of backtick not rendering correctly in too…

…ltip modal (#1130) * [MM-1027]: Fixed the issue of backtick not rendering correctly in tooltip modal * [MM-1027]: Moved the styling to scss sheet * [MM-1027]: Fixed lint
mattermost · Jan 16, 2025 · b9064ce · b9064ce
1 parent 9c83fb8
commit b9064ce
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx b/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx
@@ -237,7 +237,7 @@ export default class TicketPopover extends React.PureComponent<Props, State> {
                             title={ticketDetails?.summary}
                             rel='noopener noreferrer'
                         >
-                            <h5>{formattedSummary}</h5>
+                            <h5 className='tooltip-ticket-summary'>{ticketDetails.summary && ticketDetails.summary.substring(0, jiraTicketSummaryMaxLength)}</h5>
                         </a>
                         {this.tagTicketStatus(ticketDetails.statusKey)}
                     </div>

diff --git a/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss b/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss
@@ -232,6 +232,10 @@
     }
 }
 
+.tooltip-ticket-summary {
+    font-family: inherit !important; 
+}
+
 .jira-issue-tooltip-error {
     height: 210px;
     font-size: 28px;