From b2a8b775e04bf21ec110638efe70f57323cd3dd5 Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Wed, 11 Jan 2023 22:26:12 -0500
Subject: themes/default/layouts/shortcodes/tweet: Replace with link

This embed has to be strangest I've ever looked at.. use a simple link card.
Could use https://publish.twitter.com/oembed but that's annoying..
---
 assets/css/default.css | 46 +++++++++++++++++++++++++++++++++++-----------
 1 file changed, 35 insertions(+), 11 deletions(-)

(limited to 'assets')

diff --git a/assets/css/default.css b/assets/css/default.css
index e83e4b7..ad35758 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1831,17 +1831,6 @@ diagram-container svg {
   background-color: var(--background);
 }
 
-twitter-tweet {
-  min-height: 20rem;
-  max-height: 20rem;
-  display: block;
-  overflow-y: auto;
-}
-
-twitter-tweet iframe {
-  border: none;
-}
-
 reaction-tip {
   text-decoration: underline;
   -webkit-text-decoration-style: wavy;
@@ -1881,6 +1870,41 @@ main micro-card:first-of-type reaction-tip img {
   top: 100%;
 }
 
+link-card {
+  display: flex;
+  border: 1px solid;
+  border-color: #ccc;
+  border-color: var(--border-darker);
+  border-radius: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+
+link-card a img {
+  min-width: 5rem;
+  max-width: 5rem;
+  padding: 1rem;
+  border: none;
+}
+
+link-card > a {
+  border-right: 1px solid;
+  border-color: #ccc;
+  border-color: var(--border-darker);
+  display: flex;
+  align-items: center;
+  padding: 0.5rem;
+}
+
+link-card article {
+  padding: 1rem;
+  width: 100%;
+}
+
+link-card article a {
+  word-break: break-all;
+  display: block;
+}
+
 /* ----- Attributes ----- */
 
 [tabindex="-1"]:focus {
-- 
cgit v1.2.3