From d273adbf274c9deb5c4484525b094cb5086c5efb Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Wed, 11 Sep 2019 01:12:04 -0700
Subject: [PATCH] Move new #right:before to common.css.

---
 .../etiquette_flask/static/css/common.css     | 19 +++++++++++++++++++
 .../etiquette_flask/templates/clipboard.html  | 14 --------------
 frontends/etiquette_flask/templates/tags.html | 14 --------------
 3 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 8d1be24..f42a5de 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -159,6 +159,25 @@ pre
 {
     right: 8px;
 }
+@media screen and (max-width: 800px)
+{
+    #content_body.sticky_side_right #right
+    {
+        outline: 8px solid var(--color_theme_primary);
+        background-color: var(--color_theme_primary) !important;
+    }
+    #content_body.sticky_side_right #right:before
+    {
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        background-color: var(--color_site_transparency);
+        z-index: -1;
+    }
+}
 
 .editor_input
 {
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html
index a7e1641..71fe6b3 100644
--- a/frontends/etiquette_flask/templates/clipboard.html
+++ b/frontends/etiquette_flask/templates/clipboard.html
@@ -84,24 +84,10 @@
         bottom: 8px;
         height: 200px;
 
-        outline: 8px solid var(--color_theme_primary);
-        background-color: var(--color_theme_primary) !important;
-
         grid-template:
             "toolbox message_area" 1fr
             /1fr     minmax(50px, 200px);
     }
-    #right:before
-    {
-        content: "";
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        background-color: var(--color_site_transparency);
-        z-index: -1;
-    }
 }
 </style>
 </head>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index b1de92f..b78d671 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -81,24 +81,10 @@ h2, h3
         bottom: 8px;
         height: 150px;
 
-        outline: 8px solid var(--color_theme_primary);
-        background-color: var(--color_theme_primary) !important;
-
         grid-template:
             "editor_area message_area" 1fr
             /1fr         minmax(50px, 200px);
     }
-    #right:before
-    {
-        content: "";
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        background-color: var(--color_site_transparency);
-        z-index: -1;
-    }
 }
 </style>
 </head>