Add functionality to read more button

1 files changed, 25 insertions, 0 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index a725b456..919f13ec 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -669,3 +669,28 @@ See https://stackoverflow.com/a/34372979 for more info */
 hr {
   margin: auto 0 auto 0;
 }
+
+/* Description Expandsion Styling*/
+#description-box {
+  display: flex;
+  flex-direction: column;
+}
+
+#readmorebutton {
+  display: none
+}
+
+#readmorebutton ~ div {
+  overflow: hidden;
+  height: 8.3em;
+}
+
+#readmorebutton:checked ~ div {
+  overflow: unset;
+  height: 100%;
+}
+
+#readmorebutton + label {
+  order: 1;
+  margin-top: 20px;
+}