From c404acb10d5403df28496f4a0a1921b058bee6e6 Mon Sep 17 00:00:00 2001
From: PaarthAgarwal <paarth.agarwal.mec20@itbhu.ac.in>
Date: Tue, 19 Jul 2022 16:36:53 +0530
Subject: [PATCH] cleanup page listing styles

- fixes #8867
- relates to PR #8792
---
 .../{layouts => components}/_form-side.scss   |  0
 client/scss/components/_listing.scss          | 97 -------------------
 client/scss/core.scss                         |  2 +-
 3 files changed, 1 insertion(+), 98 deletions(-)
 rename client/scss/{layouts => components}/_form-side.scss (100%)

diff --git a/client/scss/layouts/_form-side.scss b/client/scss/components/_form-side.scss
similarity index 100%
rename from client/scss/layouts/_form-side.scss
rename to client/scss/components/_form-side.scss
diff --git a/client/scss/components/_listing.scss b/client/scss/components/_listing.scss
index 3090352495..8abe3d3216 100644
--- a/client/scss/components/_listing.scss
+++ b/client/scss/components/_listing.scss
@@ -388,55 +388,6 @@ ul.listing {
     opacity: 0.7;
   }
 
-  .index {
-    background-color: $color-grey-4;
-
-    .title .title-wrapper {
-      font-size: 1.2em;
-      opacity: 1;
-
-      a {
-        @include transition(opacity 0.2s ease);
-      }
-
-      a:hover {
-        opacity: 0.7;
-      }
-    }
-
-    .actions {
-      margin-top: 1em;
-    }
-
-    .button {
-      background-color: $color-white;
-      color: $color-teal;
-      border-color: rgba(0, 0, 0, 0.35);
-
-      &:hover {
-        color: $color-white;
-        background: $color-teal-darker;
-        border-color: $color-teal-darker;
-      }
-
-      &:active {
-        color: $color-white;
-        background: #333;
-        border-color: #333;
-      }
-
-      &.bicolor {
-        background: $color-teal-darker;
-
-        &:active {
-          color: $color-white;
-          background: #484848;
-          border-color: #333;
-        }
-      }
-    }
-  }
-
   .indicator {
     margin-inline-end: 0;
     font-size: 1em;
@@ -480,54 +431,6 @@ table.listing {
 .page-explorer .listing {
   position: relative;
 
-  .index {
-    background-color: $color-white;
-
-    td {
-      padding-top: 1.5em;
-      padding-bottom: 1.5em;
-    }
-
-    .privacy-indicator {
-      font-size: 1em;
-      opacity: 1;
-      position: absolute;
-      inset-inline-end: 10%;
-      top: 2em;
-    }
-
-    .locked-indicator {
-      font-size: 0.8em;
-    }
-
-    .title {
-      h2 {
-        color: theme('colors.primary.DEFAULT');
-        font-size: 1.8em;
-        font-weight: 800;
-
-        a:hover {
-          color: theme('colors.primary.DEFAULT');
-        }
-      }
-    }
-
-    .button {
-      background-color: $color-teal-darker;
-      color: $color-white;
-      border-color: rgba(0, 0, 0, 0.35);
-
-      &:hover {
-        color: $color-white;
-        background: $color-teal-darker;
-      }
-
-      &.bicolor {
-        background: $color-teal-darker;
-      }
-    }
-  }
-
   .table-headers {
     height: 35px;
 
diff --git a/client/scss/core.scss b/client/scss/core.scss
index 9f3de5064d..35f029af0f 100644
--- a/client/scss/core.scss
+++ b/client/scss/core.scss
@@ -140,6 +140,7 @@ These are classes for components.
 @import 'components/bulk_actions';
 @import 'components/preview-panel';
 @import 'components/preview-error';
+@import 'components/form-side';
 
 @import '../src/components/Sidebar/Sidebar';
 
@@ -170,7 +171,6 @@ These are classes that provide overrides.
 @import 'layouts/compare-revisions';
 @import 'layouts/home';
 @import 'layouts/page-editor';
-@import 'layouts/form-side';
 @import 'layouts/login';
 @import 'layouts/account';
 @import 'layouts/workflow-edit';