From 1e36a2977cc396539e8c271e6c3624f9cc103b8c Mon Sep 17 00:00:00 2001
From: Ross Keenan <rossk29@gmail.com>
Date: Tue, 30 Nov 2021 16:37:36 +0200
Subject: [PATCH] feat(List/Matrix View): :sparkles: Add `.BC-empty-view` class
 on empty views + consistent styling on List view

---
 src/Components/Lists.svelte  | 24 +++++++++++++-----------
 src/Components/Matrix.svelte |  6 +++++-
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/Components/Lists.svelte b/src/Components/Lists.svelte
index 799c187c..5c991644 100644
--- a/src/Components/Lists.svelte
+++ b/src/Components/Lists.svelte
@@ -11,7 +11,11 @@
   export let app: App;
 </script>
 
-<div class="BC-list">
+<div
+  class="BC-list markdown-preview-view {filteredSquaresArr.length
+    ? ''
+    : 'BC-empty-view'}"
+>
   {#each filteredSquaresArr as squares}
     <details open>
       <summary class="hier-summary"
@@ -27,7 +31,7 @@
                 <h5 class="BC-header">Real</h5>
               {/if}
 
-              <ol class="markdown-preview-view">
+              <ol>
                 {#each square.realItems as realItem}
                   <li>
                     <div
@@ -48,10 +52,7 @@
                 <h5 class="BC-header">Implied</h5>
               {/if}
 
-              <ol
-                class="markdown-preview-view"
-                start={square.realItems.length + 1}
-              >
+              <ol start={square.realItems.length + 1}>
                 {#each square.impliedItems as impliedItem}
                   <li class="BC-Implied">
                     <div
@@ -89,10 +90,11 @@
     color: var(--text-title-h5);
   }
 
-  ol.markdown-preview-view {
-    /* margin: 3px; */
-    /* padding-left: 20px; */
-    padding-top: 3px;
-    padding-bottom: 5px;
+  .markdown-preview-view {
+    padding-left: 10px;
+  }
+
+  .internal-link.is-unresolved {
+    color: var(--text-muted);
   }
 </style>
diff --git a/src/Components/Matrix.svelte b/src/Components/Matrix.svelte
index 10d73d6b..1822b593 100644
--- a/src/Components/Matrix.svelte
+++ b/src/Components/Matrix.svelte
@@ -11,7 +11,11 @@
   export let app: App;
 </script>
 
-<div class="BC-Matrix  markdown-preview-view">
+<div
+  class="BC-Matrix  markdown-preview-view {filteredSquaresArr.length
+    ? ''
+    : 'BC-empty-view'}"
+>
   {#each filteredSquaresArr as squares}
     <div>
       {#each squares as square}