From 683da333fd2c3259598789cc35545096101ff610 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 8 Oct 2021 11:08:47 -0500
Subject: [PATCH] Entirely remove unused "drawer" concept

---
 app/soapbox/features/search/index.js  |  6 +-----
 app/styles/components/columns.scss    | 25 -------------------------
 app/styles/components/list-forms.scss | 10 ----------
 app/styles/components/search.scss     | 12 ------------
 4 files changed, 1 insertion(+), 52 deletions(-)

diff --git a/app/soapbox/features/search/index.js b/app/soapbox/features/search/index.js
index 12c177790..2e7348769 100644
--- a/app/soapbox/features/search/index.js
+++ b/app/soapbox/features/search/index.js
@@ -13,11 +13,7 @@ const Search = ({ intl }) => (
   <div className='column search-page'>
     <ColumnHeader icon='search' title={intl.formatMessage(messages.heading)} />
     <SearchContainer autoSubmit />
-    <div className='drawer__pager'>
-      <div className='drawer__inner darker'>
-        <SearchResultsContainer />
-      </div>
-    </div>
+    <SearchResultsContainer />
   </div>
 );
 
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index 0e0672381..19dcea779 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -891,28 +891,3 @@
     border-top-right-radius: 0;
   }
 }
-
-// TODO: Get rid of whatever a "drawer" is
-// Probably rename to column-something
-.drawer__pager {
-  box-sizing: border-box;
-  padding: 0;
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-}
-
-.drawer__inner {
-  top: 0;
-  left: 0;
-  background: var(--foreground-color);
-  box-sizing: border-box;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  overflow-y: auto;
-  width: 100%;
-  height: 100%;
-}
diff --git a/app/styles/components/list-forms.scss b/app/styles/components/list-forms.scss
index 0679ac6e1..0212ebd1f 100644
--- a/app/styles/components/list-forms.scss
+++ b/app/styles/components/list-forms.scss
@@ -14,16 +14,6 @@
     border-radius: 8px 8px 0 0;
   }
 
-  .drawer__inner {
-    border-radius: 0 0 8px 8px;
-
-    &.backdrop {
-      width: calc(100% - 60px);
-      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
-      border-radius: 0 0 0 8px;
-    }
-  }
-
   &__accounts {
     background: var(--background-color);
     overflow-y: auto;
diff --git a/app/styles/components/search.scss b/app/styles/components/search.scss
index d452e122c..ad6cdd239 100644
--- a/app/styles/components/search.scss
+++ b/app/styles/components/search.scss
@@ -166,10 +166,6 @@
 }
 
 .search-page {
-  .drawer__inner:not(:empty) {
-    min-height: 48px;
-  }
-
   .search {
     padding: 10px 15px;
     border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
@@ -184,14 +180,6 @@
   .search__icon .svg-icon {
     right: 24px;
   }
-
-  .drawer__pager {
-    border-radius: 0 0 10px 10px;
-
-    @media screen and (max-width: 450px) {
-      border-radius: 0;
-    }
-  }
 }
 
 .search-results {