Just oh so many styles

1 files changed, 2 insertions, 38 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index cfadbba..6918b5d 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -26,8 +26,8 @@
 </script>
 
 <div
-    class="message relative"
-    class:bg-warning-800={deleteArmed}
+    class="message"
+    class:delete-armed={deleteArmed}
     role="article"
     data-at={at}
     {onmouseleave}
@@ -43,39 +43,3 @@
     {@html renderedBody}
   </section>
 </div>
-
-<style>
-  .message .handle {
-    display: none;
-  }
-  .message:hover .handle {
-    display: flex;
-  }
-  .message-body {
-    overflow: auto;
-    max-width: 80vw;
-    @media (width > 640px) {
-      /* 21rem is width of the nav bar in full-screen mode. */
-      max-width: calc(90vw - 21rem);
-    }
-  }
-  .message-body:empty:after {
-    content: '.';
-    visibility: hidden;
-  }
-  /* Without the global selector, the Svelte CSS compiler will see this as
-   * unused, and purge it from the output. However, this is "plausibly used"
-   * because it may occur in renderedBody.
-   */
-  :global(.message-body blockquote) {
-    border-left: 0.25rem solid lightgrey;
-    margin-left: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  :global(.message-body pre) {
-    border: 1px solid #312e81;
-    border-radius: 0.25rem;
-    background-color: #282555;;
-    padding: 0.25rem;
-  }
-</style>