From 27c2a1df69001f979ad9ed5ffbac06fc106b9e30 Mon Sep 17 00:00:00 2001
From: winter
Date: Thu, 6 Feb 2025 20:54:52 +0000
Subject: allow writing alt text on image attachments

---
 static/misc.css     |  4 ++++
 static/pills.css    | 17 +++++++++++++++++
 static/skeleton.css |  4 +++-
 3 files changed, 24 insertions(+), 1 deletion(-)

(limited to 'static')

diff --git a/static/misc.css b/static/misc.css
index 8013403..d9a491c 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -23,6 +23,10 @@ button.secondary {
   font-size: inherit;
   font-family: inherit;
   font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
   &:disabled {
     opacity: 80%;
     cursor: default;
diff --git a/static/pills.css b/static/pills.css
index af670b8..45f9218 100644
--- a/static/pills.css
+++ b/static/pills.css
@@ -47,3 +47,20 @@
     }
   }
 }
+
+.imageAttachmentPill {
+  grid-auto-flow: row;
+  padding: var(--spacing-single);
+
+  .pillInfo {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-single);
+    max-width: 300px;
+  }
+
+  img {
+    max-width: 300px;
+    border-radius: var(--border-radius);
+  }
+}
diff --git a/static/skeleton.css b/static/skeleton.css
index bc08f7b..2965c2d 100644
--- a/static/skeleton.css
+++ b/static/skeleton.css
@@ -133,8 +133,10 @@ main {
   #leftPane,
   #rightPane {
     position: sticky;
-    top: 72px;
+    top: 56px;
     height: max-content;
+    max-height: calc(100vh - 56px);
+    overflow-y: auto;
   }
   @media (width < 1200px) {
     #leftPane,
-- 
cgit v1.3