refactor: remove unnecessary stylesheet and combine stylesheets (#483)

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## [2.12.4]
 - Fix `.suggestion` class to ensure it is scrollable and not overlapped by the `.suggestion-actions` fixed element. This change prevents the suggestion content from being hidden.
 - transmit required protocol version to language server
+- Remove unused stylesheet and refactor stylesheets
 
 ## [2.12.3]
 - Fix a bug in AI Applyfix on Windows.

media/views/oss/suggestion/suggestion.scss

@@ -1,5 +1,53 @@
 @import '../../common/webview';
-@import '../../common/suggestionHeader';
+
+.suggestion {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.suggestion .suggestion-text {
+  padding: 0.4rem 0;
+  margin-bottom: 0.8rem;
+  font-size: 1.8rem;
+  font-weight: 500;
+  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;
+}
+
+.vscode-dark .light-only {
+  display: none;
+}
+
+.vscode-light .dark-only {
+  display: none;
+}
 
 .clickable:hover {
   cursor: pointer;
@@ -48,4 +96,4 @@
   color: var(--vscode-foreground);
   font-size: var(--vscode-editor-font-size);
   font-family: var(--vscode-editor-font-family);
-}
+}