Remove unused css classes and file

https://youtrack.weseek.co.jp/issue/GW-7925
- Remove _bookmarks.scss
- Remove grw-bookmarks-list, grw-bookmarks-list-container and grw-foldertree-current-folder-item
- Add class prefix to bookmark-item-list

packages/app/src/components/Bookmarks/BookmarkItem.tsx

@@ -103,7 +103,7 @@ export const BookmarkItem = (props: Props): JSX.Element => {
       useDragMode={true}
     >
       <li
-        className="bookmark-item-list list-group-item list-group-item-action border-0 py-0 mr-auto d-flex align-items-center"
+        className="grw-bookmark-item-list list-group-item list-group-item-action border-0 py-0 mr-auto d-flex align-items-center"
         key={bookmarkedPage._id}
         id={bookmarkItemId}
       >

packages/app/src/components/UsersHomePageFooter.module.scss

@@ -30,7 +30,7 @@ $grw-sidebar-content-footer-height: 50px;
         border-radius: 0px;
 
 
-        &.bookmark-item-list {
+        &.grw-bookmark-item-list {
           .picture {
             width: 16px;
             height: 16px;

packages/app/src/styles/_bookmarks.scss

@@ -1,38 +0,0 @@
-$grw-sidebar-content-header-height: 58px;
-$grw-sidebar-content-footer-height: 50px;
-
-.grw-bookmarks-list {
-  min-height: calc(100vh - ($grw-navbar-height + $grw-navbar-border-width + $grw-sidebar-content-header-height + $grw-sidebar-content-footer-height));
-
-  .btn-page-item-control {
-    .icon-plus::before {
-      font-size: 18px;
-    }
-  }
-
-  .list-group-item {
-    .grw-visible-on-hover {
-      display: none;
-    }
-
-    &:hover {
-      .grw-visible-on-hover {
-        display: block;
-      }
-    }
-
-    .grw-bookmarks-title-anchor {
-      width: 100%;
-      overflow: hidden;
-      text-decoration: none;
-    }
-
-  }
-  .grw-bookmarks-item-container {
-    .list-group-item {
-      min-width: 35px;
-      height: 40px;
-    }
-  }
-
-}

packages/app/src/styles/molecules/_bookmark-folder-tree.scss

@@ -48,7 +48,7 @@ $grw-bookmark-item-padding-left: 35px;
         min-width: 35px;
         height: 40px;
       }
-      .bookmark-item-list{
+      .grw-bookmark-item-list{
         .picture {
           width: 16px;
           height: 16px;
@@ -71,7 +71,7 @@ $grw-bookmark-item-padding-left: 35px;
     // To realize a hierarchical structure, set multiplied padding-left to each foldertree-item
     >.grw-foldertree-item-container.grw-root-bookmarks{
       > .grw-drag-drop-container {
-        > .list-group-item.bookmark-item-list {
+        > .list-group-item.grw-bookmark-item-list {
           padding-left: $grw-bookmark-item-padding-left ;
         }
       }
@@ -81,7 +81,7 @@ $grw-bookmark-item-padding-left: 35px;
         > .list-group-item {
           padding-left: 0
         }
-        > .list-group-item.bookmark-item-list {
+        > .list-group-item.grw-bookmark-item-list {
           padding-left: $grw-bookmark-item-padding-left + $grw-foldertree-item-padding-left;
         }
       }
@@ -91,7 +91,7 @@ $grw-bookmark-item-padding-left: 35px;
             > .list-group-item {
               padding: $grw-foldertree-item-padding-left
             }
-            > .list-group-item.bookmark-item-list {
+            > .list-group-item.grw-bookmark-item-list {
               padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 2);
             }
           }
@@ -101,7 +101,7 @@ $grw-bookmark-item-padding-left: 35px;
                 > .list-group-item {
                   padding: $grw-foldertree-item-padding-left * 2
                 }
-                > .list-group-item.bookmark-item-list {
+                > .list-group-item.grw-bookmark-item-list {
                   padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 3);
                 }
               }
@@ -111,7 +111,7 @@ $grw-bookmark-item-padding-left: 35px;
                     > .list-group-item {
                       padding: $grw-foldertree-item-padding-left * 3
                     }
-                    > .list-group-item.bookmark-item-list {
+                    > .list-group-item.grw-bookmark-item-list {
                       padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 4);
                     }
                   }
@@ -121,7 +121,7 @@ $grw-bookmark-item-padding-left: 35px;
                         > .list-group-item {
                           padding: $grw-foldertree-item-padding-left * 4
                         }
-                        > .list-group-item.bookmark-item-list {
+                        > .list-group-item.grw-bookmark-item-list {
                           padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 5);
                         }
                       }
@@ -131,7 +131,7 @@ $grw-bookmark-item-padding-left: 35px;
                             > .list-group-item {
                               padding: $grw-foldertree-item-padding-left * 5
                             }
-                            > .list-group-item.bookmark-item-list {
+                            > .list-group-item.grw-bookmark-item-list {
                               padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 6);
                             }
                           }
@@ -141,7 +141,7 @@ $grw-bookmark-item-padding-left: 35px;
                                 > .list-group-item {
                                   padding: $grw-foldertree-item-padding-left * 6
                                 }
-                                > .list-group-item.bookmark-item-list {
+                                > .list-group-item.grw-bookmark-item-list {
                                   padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 7);
                                 }
                               }
@@ -151,7 +151,7 @@ $grw-bookmark-item-padding-left: 35px;
                                     > .list-group-item {
                                       padding: $grw-foldertree-item-padding-left * 7
                                     }
-                                    > .list-group-item.bookmark-item-list {
+                                    > .list-group-item.grw-bookmark-item-list {
                                       padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 8);
                                     }
                                   }
@@ -161,7 +161,7 @@ $grw-bookmark-item-padding-left: 35px;
                                         > .list-group-item {
                                           padding: $grw-foldertree-item-padding-left * 8
                                         }
-                                        > .list-group-item.bookmark-item-list {
+                                        > .list-group-item.grw-bookmark-item-list {
                                           padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 9);
                                         }
                                       }
@@ -171,7 +171,7 @@ $grw-bookmark-item-padding-left: 35px;
                                             > .list-group-item {
                                               padding: $grw-foldertree-item-padding-left * 9
                                             }
-                                            > .list-group-item.bookmark-item-list {
+                                            > .list-group-item.grw-bookmark-item-list {
                                               padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 10);
                                             }
                                           }
@@ -181,7 +181,7 @@ $grw-bookmark-item-padding-left: 35px;
                                                 > .list-group-item {
                                                   padding: $grw-foldertree-item-padding-left * 10
                                                 }
-                                                > .list-group-item.bookmark-item-list {
+                                                > .list-group-item.grw-bookmark-item-list {
                                                   padding-left: $grw-bookmark-item-padding-left + ($grw-foldertree-item-padding-left * 11);
                                                 }
                                               }

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -384,17 +384,6 @@
         }
       }
     }
-    .grw-bookmarks-list {
-      @include override-list-group-item-for-pagetree(
-        var(--color-sidebar-context),
-        hsl.lighten(var(--bgcolor-sidebar-context),8%),
-        hsl.lighten(var(--bgcolor-sidebar-context),15%),
-        hsl.darken(var(--color-sidebar-context),15%),
-        hsl.darken(var(--color-sidebar-context),10%),
-        hsl.lighten(var(--bgcolor-sidebar-context),18%),
-        hsl.lighten(var(--bgcolor-sidebar-context),24%)
-      );
-    }
     .private-legacy-pages-link {
       &:hover {
         background: var(--bgcolor-list-hover);
@@ -432,17 +421,6 @@
         @include mixins-buttons.button-outline-svg-icon-variant($secondary, $gray-200);
       }
     }
-    .page-list > .grw-bookmarks-list-container > .list-group {
-      @include override-list-group-item-for-pagetree(
-        $body-color,
-        hsl.lighten($body-bg, 8%),
-        hsl.lighten($body-bg, 15%),
-        hsl.darken($body-color, 15%),
-        hsl.darken($body-color, 10%),
-        hsl.lighten($body-bg, 18%),
-        hsl.lighten($body-bg, 24%)
-      );
-    }
     .grw-folder-tree-container {
       .grw-drop-item-area , .grw-foldertree-item-container {
         .grw-accept-drop-item {

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -252,17 +252,6 @@
       }
     }
 
-    .grw-bookmarks-list {
-      @include override-list-group-item-for-pagetree(
-        var(--color-sidebar-context),
-        hsl.darken(var(--bgcolor-sidebar-context),5%),
-        hsl.darken(var(--bgcolor-sidebar-context),12%),
-        hsl.lighten(var(--color-sidebar-context),10%),
-        hsl.lighten(var(--color-sidebar-context),8%),
-        hsl.darken(var(--bgcolor-sidebar-context),15%),
-        hsl.darken(var(--bgcolor-sidebar-context),24%)
-      );
-    }
     .private-legacy-pages-link {
       &:hover {
         background: $bgcolor-list-hover;
@@ -303,17 +292,6 @@
         @include mixins-buttons.button-outline-svg-icon-variant($gray-400, $primary);
       }
     }
-    .page-list > .grw-bookmarks-list-container > .list-group {
-      @include override-list-group-item-for-pagetree(
-        $body-color,
-        hsl.darken($body-bg, 5%),
-        hsl.darken($body-bg, 12%),
-        hsl.lighten($body-color, 10%),
-        hsl.lighten($body-color, 8%),
-        hsl.darken($body-bg, 15%),
-        hsl.darken($body-bg, 24%)
-      );
-    }
     .grw-folder-tree-container {
       .grw-drop-item-area, .grw-foldertree-item-container  {
         .grw-accept-drop-item {

packages/app/src/styles/theme/mixins/_list-group.scss

@@ -49,8 +49,7 @@
       }
     }
 
-    &.grw-pagetree-current-page-item,
-    &.grw-foldertree-current-folder-item {
+    &.grw-pagetree-current-page-item {
       background: $bgcolor-hover;
     }