style: display notes differently

csaf-poc · Sep 6, 2023 · 73f25a5 · 73f25a5
1 parent bb565f3
commit 73f25a5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/src/lib/singleview/Droparea.svelte b/src/lib/singleview/Droparea.svelte
@@ -18,6 +18,7 @@
   let text: string = "Drop your CSAF-file here";
   const fileDropped = (e: DragEvent) => {
     if (e.dataTransfer) {
+      appStore.setDocument(null);
       const csafFile: File = e.dataTransfer.files[0];
       const type: string = csafFile.type;
       if (type == "application/json") {

diff --git a/src/lib/singleview/general/General.svelte b/src/lib/singleview/general/General.svelte
@@ -101,8 +101,8 @@
     min-width: 80rem;
   }
   .revisionhistory {
-    width: 30vw;
-    min-width: 50rem;
+    width: 40vw;
+    min-width: 70rem;
   }
   dt {
     float: left;

diff --git a/src/lib/singleview/vulnerabilities/Vulnerability.svelte b/src/lib/singleview/vulnerabilities/Vulnerability.svelte
@@ -65,14 +65,10 @@
       {#if vulnerability.notes && Array.isArray(vulnerability.notes)}
         <Collapsible header="Notes" level="4">
           {#each vulnerability.notes as note}
-            <dl>
-              <dt>Title</dt>
-              <dd>{note.title}</dd>
-              <dt>Category</dt>
-              <dd>{note.category}</dd>
-              <dt>Text</dt>
-              <dd>{note.text}</dd>
-            </dl>
+            <div class="note">
+              <h6>{note.title}</h6>
+              <p>{note.text}</p>
+            </div>
           {/each}
         </Collapsible>
       {/if}
@@ -81,13 +77,24 @@
 </div>
 
 <style>
+  .note {
+    text-align: justify;
+  }
   dt {
     float: left;
     clear: left;
     font-weight: 100;
-    width: 21rem;
+    width: 14rem;
   }
   dd {
     margin-bottom: 0.1em;
   }
+  h6 {
+    font-family: monospace;
+    margin-bottom: 0.1em;
+  }
+  p {
+    font-size: small;
+    font-family: monospace;
+  }
 </style>