From cc955e028682d015d05da3c441e93565ea86984c Mon Sep 17 00:00:00 2001
From: ghost <localhost>
Date: Tue, 29 Aug 2023 13:31:00 +0300
Subject: [PATCH] collapse long post description, show on hover

---
 src/public/assets/theme/default/css/framework.css | 15 +++++++++++++--
 src/public/index.php                              |  2 +-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/public/assets/theme/default/css/framework.css b/src/public/assets/theme/default/css/framework.css
index 2ee105a..185f1eb 100644
--- a/src/public/assets/theme/default/css/framework.css
+++ b/src/public/assets/theme/default/css/framework.css
@@ -203,12 +203,23 @@
 
 .opacity-hover-1:hover {
   opacity: 1;
-  transition: opacity .2s ease-in-out;
+  transition: opacity .2s;
 }
 
 *:hover > .parent-hover-opacity-09 {
   opacity: .9;
-  transition: opacity .2s ease-in-out;
+  transition: opacity .2s;
+}
+
+.max-height-220 {
+  max-height: 220px;
+  overflow: hidden;
+  transition: max-height .2s;
+}
+
+*:hover > .max-height-parent-hover-640 {
+  max-height: 640px;
+  transition: max-height .2s;
 }
 
 .blur-2 {
diff --git a/src/public/index.php b/src/public/index.php
index aa9c142..fd08600 100644
--- a/src/public/index.php
+++ b/src/public/index.php
@@ -307,7 +307,7 @@ echo '<?xml version="1.0" encoding="UTF-8"?>' . PHP_EOL ?>
                           <?php } ?>
                         </div>
                         <?php if ($magnet->metaDescription) { ?>
-                          <div class="margin-y-8"><?php echo $magnet->metaDescription ?></div>
+                          <div class="margin-y-8 max-height-220 max-height-parent-hover-640"><?php echo $magnet->metaDescription ?></div>
                         <?php } ?>
                         <?php if ($magnet->keywords) { ?>
                           <div class="margin-y-8">