From 98d5374d171d57d13f09297e8963c41f0cf20489 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 4 Nov 2018 18:32:55 -0800
Subject: [PATCH] Add CSS class sticky_side_right.

---
 frontends/etiquette_flask/static/css/common.css    | 13 +++++++++++++
 frontends/etiquette_flask/templates/clipboard.html | 13 +------------
 frontends/etiquette_flask/templates/tags.html      | 12 +-----------
 3 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 7e90be7..577310d 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -98,6 +98,19 @@ pre
     white-space: pre-line;
 }
 
+.sticky_side_right
+{
+    position: fixed;
+    right: 8px;
+    bottom: 8px;
+    top: 34px;
+    width: 300px;
+    overflow-y: auto;
+    grid-area: right;
+    display: grid;
+    background-color: var(--color_site_transparency);
+}
+
 .editor_input
 {
     width: 100%;
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html
index a17e841..b32e5a8 100644
--- a/frontends/etiquette_flask/templates/clipboard.html
+++ b/frontends/etiquette_flask/templates/clipboard.html
@@ -34,15 +34,6 @@
 }
 #right
 {
-    position: fixed;
-    right: 8px;
-    bottom: 8px;
-    top: 34px;
-    width: 300px;
-    grid-area: right;
-
-    display: grid;
-
     grid-template:
         "add_tag_area"
         "remove_tag_area"
@@ -50,8 +41,6 @@
         "searchhidden_area"
         "download_zip_area"
         "message_area" 1fr;
-
-    background-color: var(--color_site_transparency);
 }
 #right > *
 {
@@ -137,7 +126,7 @@
     <div id="photo_card_holder">
     </div>
 </div>
-<div id="right">
+<div id="right" class="sticky_side_right">
     <div id="add_tag_area">
         <input type="text" id="add_tag_textbox" list="tag_autocomplete_datalist">
         <button class="add_tag_button green_button" id="add_tag_button" onclick="add_tag_form();">Add tag</button>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index c11ff64..eb9a8d2 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -37,19 +37,9 @@
 }
 #right
 {
-    position: fixed;
-    right: 8px;
-    bottom: 8px;
-    top: 34px;
-    width: 300px;
-    grid-area: right;
-
-    display: grid;
     grid-template:
         "editor_area" 1fr
         "message_area" 1fr;
-
-    background-color: var(--color_site_transparency);
 }
 #editor_area
 {
@@ -188,7 +178,7 @@
             {% endfor %}
         </ul>
     </div>
-    <div id="right">
+    <div id="right" class="sticky_side_right">
         <div id="editor_area">
             <input type="text" id="add_tag_textbox" autofocus>
             <button class="add_tag_button green_button" id="add_tag_button" onclick="easybake_form();">bake</button>