From f5ce181aa89d295e108bd25cb7c6914cf020d565 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Sat, 12 Jun 2021 01:37:18 +0200
Subject: Show first image from items content

If a item has at least one Markdown image embedded in its content, show
this image within the <blockquote> tag in the item.php template files.
---
 theme/admin/rsrc/css/main.scss | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'theme/admin/rsrc/css/main.scss')

diff --git a/theme/admin/rsrc/css/main.scss b/theme/admin/rsrc/css/main.scss
index e5fdf5a..275013b 100644
--- a/theme/admin/rsrc/css/main.scss
+++ b/theme/admin/rsrc/css/main.scss
@@ -471,17 +471,29 @@ table, td {
 	blockquote {
 		margin: 0;
 		padding: 0.75rem;
+		overflow: hidden;
 		font-family: inherit;
 
 		p {
 			margin-bottom: 0;
 		}
 	}
-}
 
-.item-id {
-	float: right;
-	color: #666;
+	&-id {
+		float: right;
+		color: #666;
+	}
+
+	&-image {
+		float: left;
+		display: block;
+		margin-right: 0.75rem;
+		width: 10rem;
+		height: 7rem;
+		object-fit: cover;
+		background: #EEE;
+		border: 0.05rem solid #AAA;
+	}
 }
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-- 
cgit v1.2.3