From 4f8630dc28672f6a2c3297c7d610842ddd9cb2dc Mon Sep 17 00:00:00 2001
From: James <jselby@jselby.net>
Date: Thu, 6 Sep 2018 15:21:49 +1000
Subject: [PATCH] Add message shortcode (#40)

---
 site/themes/shared-bulma-theme |  2 +-
 src/js/layout.js               | 12 +++++++++++-
 src/scss/yuzu/yuzu.scss        | 31 +++++++++++++++++++++++++++++++
 3 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/site/themes/shared-bulma-theme b/site/themes/shared-bulma-theme
index 72ea06b0..7a0f5340 160000
--- a/site/themes/shared-bulma-theme
+++ b/site/themes/shared-bulma-theme
@@ -1 +1 @@
-Subproject commit 72ea06b00ee28d21e379c96ebf6c570dde379ee0
+Subproject commit 7a0f53400f6c363b26f5fb3f56b333c497ca31f7
diff --git a/src/js/layout.js b/src/js/layout.js
index 98766670..cc7d4f9e 100644
--- a/src/js/layout.js
+++ b/src/js/layout.js
@@ -10,4 +10,14 @@ document.addEventListener("DOMContentLoaded", function() {
     document.querySelectorAll('.moment-timeago').forEach(x => {
         x.innerHTML = moment(x.innerHTML).fromNow()
     })
-})
\ No newline at end of file
+
+    // .is-dropdown
+    document.querySelectorAll('.is-dropdown').forEach(x => {
+        x.addEventListener('click', function(event) {
+            event.stopPropagation()
+            x.parentElement.querySelectorAll(".is-dropdown-target").forEach(child => {
+                child.classList.toggle('is-active')
+            })
+        });
+    })
+})
diff --git a/src/scss/yuzu/yuzu.scss b/src/scss/yuzu/yuzu.scss
index fd767f98..5e01176e 100644
--- a/src/scss/yuzu/yuzu.scss
+++ b/src/scss/yuzu/yuzu.scss
@@ -54,3 +54,34 @@ a:hover {
   display: flex;
   align-items: center;
 }
+
+// Fixes the backgrounds + colors of messages with headers
+.message {
+  background: $dark !important;
+}
+
+.message-header {
+  color: $dark;
+}
+
+// Fixes multiple <p> elements in messages in content blocks
+.message-header p:not(:last-child) {
+  margin-bottom: 0;
+}
+
+// Adds dropdown support for messsages
+.message-header.is-dropdown {
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.message-body.is-dropdown-target {
+  display: none;
+}
+
+.message-body.is-dropdown-target.is-active {
+  display: block !important;
+}