diff options
| author | tdro <tdro@noreply.example.com> | 2023-01-11 22:26:12 -0500 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2023-01-11 22:57:34 -0500 |
| commit | b2a8b775e04bf21ec110638efe70f57323cd3dd5 (patch) | |
| tree | ec27cc632da89b94e1a644d25ee1a7668e1db23a /assets | |
| parent | fbf36e364b6442ca82eee39b5a86743dcab282ef (diff) | |
| download | canory-b2a8b775e04bf21ec110638efe70f57323cd3dd5.tar.gz canory-b2a8b775e04bf21ec110638efe70f57323cd3dd5.tar.bz2 canory-b2a8b775e04bf21ec110638efe70f57323cd3dd5.zip | |
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..
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/default.css | 46 |
1 files changed, 35 insertions, 11 deletions
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 { |