Minor improvement to a11y, caching and minor changes

2 files changed, 14 insertions, 8 deletions

diff --git a/assets/js/postpone.js b/assets/js/postpone.js
index 71f591e..cc82713 100644
--- a/assets/js/postpone.js
+++ b/assets/js/postpone.js
@@ -119,17 +119,20 @@ PALETTE.onchange = function () {
       const content = value.item.content;
       
       // Date as it should be rendered if not null
-      const formatedDate = '<time datetime=' + value.item.date + '>' + value.item.date + '</time>';
+      const spanDate = '<time datetime=' + value.item.date + '>' + value.item.date + '</time>';
+      const titleDate = ' (' + value.item.date + ')';
 
       // Pull template from hugo template definition
       const templateDefinition = document.getElementById('search-result-template').innerHTML;
 
       // Replace values
       const output = render(templateDefinition, {
-        link  : value.item.permalink,
-        date  : value.item.date ? formatedDate : '',
-        title : value.item.title
+        link      : value.item.permalink,
+        spanDate  : value.item.date ? spanDate : '',
+        title     : value.item.title,
+        titleDate : value.item.date ? titleDate : ''
       });
+      
       document.getElementById('search-results').appendChild(htmlToElement(output))
     })
   };
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 17712b5..c9ce8bd 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -603,6 +603,9 @@ article > pre,
   &:focus {

     outline-color: var(--accent);

   }

+  

+  // TEST

+  @extend %webkit-scrollbar;

 }

 

 

@@ -628,9 +631,11 @@ article > pre,
       border-top: 1px solid var(--fg);

     }

 

+    /*

     tr:not(:first-child):last-of-type {

       border-bottom: 1px solid var(--fg);

     }

+    */

 

     td,

     th {

@@ -1506,12 +1511,10 @@ html {
 {{ end }}

 

 

+

 // TEST

 // Non-standard

-pre,

-.chroma,

-.highlight,

-.scroll {

+%webkit-scrollbar {

   &::-webkit-scrollbar {

     @include squared(12px);

   }