refactor: removes unnecessary styling and HTML code [IDE-285] (#486)

* refactor: restructures the html and css so it can look good in intellij

* refactor: remove ignore styling

* refactor: remove old html setup

media/views/oss/suggestion/suggestion.scss

@@ -1,13 +1,5 @@
 @import '../../common/webview';
 
-.suggestion {
- position: relative;
- display: flex;
- flex-direction: column;
- width: 100%;
- height: 100%;
-}
-
 .suggestion .suggestion-text {
  padding: 0.4rem 0;
  margin-bottom: 0.8rem;
@@ -16,26 +8,6 @@
  line-height: 2.4rem;
 }
 
-.severity {
- display: flex;
- flex-direction: column;
- flex-grow: 0;
- float: left;
- margin: 0 1rem 0 0;
- text-align: center;
-}
-
-.severity .icon {
- width: 32px;
- height: 32px;
-}
-
-.icon {
- vertical-align: middle;
- width: 16px;
- height: 16px;
-}
-
 .identifiers {
  font-size: 1.3rem;
  line-height: 2rem;
@@ -49,43 +21,11 @@
  display: none;
 }
 
-.clickable:hover {
- cursor: pointer;
-}
-
 .delimiter {
- width: 0;
- height: 1.3rem;
- margin: 0 0.8rem 0 0.8rem;
  border-right:1px solid var(--vscode-input-border);
- line-height: 1rem;
-}
-
-.summary .summary-item {
- display: flex;
- margin: 0.3em 0 0.3em 0;
-}
-
-.summary .label {
- width: 160px;
-}
-
-.summary .content {
- flex: 70%;
-}
-
-.summary .remediation {
- margin-bottom: 1.6rem
-}
-
-.summary .detailed-path:last-child .remediation {
- margin-bottom: 0
 }
 
 .vulnerability-overview pre {
- padding: 8px 16px;
- overflow-x: auto;
- border-radius: 4px;
  font-size: var(--vscode-editor-font-size);
  font-family: var(--vscode-editor-font-family);
  background-color: var(--vscode-editor-background);

media/views/snykCode/suggestion/suggestionLS.scss

@@ -18,19 +18,6 @@ body {
  text-transform: capitalize;
 }
 
-// TODO: remove ignore styling at the end of cycle 5 2025
-.ignore-warning {
- background: #FFF4ED;
- color: #B6540B;
- border: 1px solid #E27122;
-}
-
-.ignore-badge {
- background: #FFF4ED;
- color: #B6540B;
- border: 1px solid #E27122;
-}
-
 .data-flow-clickable-row {
  color: var(--vscode-textLink-foreground);
 }

src/snyk/snykOss/providers/ossDetailPanelProvider.ts

@@ -94,15 +94,6 @@ export class OssDetailPanelProvider
  const ideStyle = readFileSync(ideStylePath.fsPath, 'utf8');
  const nonce = getNonce();
 
- // TODO: remove after the stable CLI release at the end of cycle 5
- const styleUri = this.getWebViewUri('media', 'views', 'oss', 'suggestion', 'suggestion.css');
- const headerEndValue = `<link href="${styleUri}" rel="stylesheet">`;
- const serverityIconName = `${displayMode}-${issue.severity}-severity`;
- html = html.replace('${headerEnd}', headerEndValue);
- html = html.replaceAll('${cspSource}', this.panel.webview.cspSource);
- html = html.replace('${severityIcon}', images[serverityIconName]);
- html = html.replace('${learnIcon}', images['learn-icon']);
- // TODO: end remove
  html = html.replace('${ideStyle}', '<style nonce=${nonce}>' + ideStyle + '</style>');
  html = html.replaceAll('${nonce}', nonce);
  html = html.replaceAll(/\$\{\w+\}/g, '');