Merge pull request #11331 from Nerdinacan/rename_scroller

Renamed virtualscroller since it is no longer virtual

client/src/components/History/CurrentCollection/Panel.vue

@@ -25,7 +25,7 @@
                     </template>
 
                     <template v-slot:listing>
-                        <VirtualScroller
+                        <Scroller
                             key-field="element_index"
                             :item-height="36"
                             :items="contents"
@@ -44,7 +44,7 @@
                                     @viewCollection="$emit('viewCollection', item)"
                                 />
                             </template>
-                        </VirtualScroller>
+                        </Scroller>
                     </template>
                 </Layout>
             </ExpandedItems>
@@ -61,7 +61,7 @@ import { DscProvider, CollectionContentProvider, ExpandedItems } from "../provid
 import Layout from "../Layout";
 import TopNav from "./TopNav";
 import Details from "./Details";
-import VirtualScroller from "../../VirtualScroller";
+import Scroller from "../Scroller";
 import { CollectionContentItem } from "../ContentItem";
 
 export default {
@@ -71,7 +71,7 @@ export default {
         Layout,
         TopNav,
         Details,
-        VirtualScroller,
+        Scroller,
         CollectionContentItem,
         ExpandedItems,
     },

client/src/components/History/History.vue

@@ -60,7 +60,7 @@
                     <template v-slot:listing>
                         <HistoryEmpty v-if="history.empty" class="m-2" />
 
-                        <VirtualScroller
+                        <Scroller
                             v-else
                             :class="{ loadingBackground: loading }"
                             key-field="hid"
@@ -83,7 +83,7 @@
                                     @viewCollection="$emit('viewCollection', item)"
                                 />
                             </template>
-                        </VirtualScroller>
+                        </Scroller>
                     </template>
 
                     <template v-slot:modals>
@@ -104,7 +104,7 @@ import HistoryDetails from "./HistoryDetails";
 import HistoryEmpty from "./HistoryEmpty";
 import ContentOperations from "./ContentOperations";
 import ToolHelpModal from "./ToolHelpModal";
-import VirtualScroller from "../VirtualScroller";
+import Scroller from "./Scroller";
 import { HistoryContentItem } from "./ContentItem";
 
 export default {
@@ -116,7 +116,7 @@ export default {
         HistoryEmpty,
         ContentOperations,
         ToolHelpModal,
-        VirtualScroller,
+        Scroller,
         HistoryContentItem,
         ExpandedItems,
         SelectedItems,

client/src/components/History/Scroller/Scroller.js

@@ -222,7 +222,7 @@ export default {
             "div",
             {
                 ref: "container",
-                staticClass: "virtualScroller",
+                staticClass: "historyScroller",
                 directives: [
                     {
                         name: "scroll",

client/src/components/History/Scroller/index.js

@@ -0,0 +1,8 @@
+/**
+ * Had to build a custom virtual scroller to suit our needs.
+ */
+
+import Scroller from "./Scroller";
+
+export { Scroller };
+export default Scroller;

client/src/components/History/Scroller/scroller.scss

@@ -1,10 +1,10 @@
-.virtualScroller {
+.historyScroller {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: auto;
 }
-.virtualScroller {
+.historyScroller {
     ul {
         list-style: none;
     }

client/src/components/VirtualScroller/index.js

@@ -1,8 +0,0 @@
-/**
- * Had to build a custom virtual scroller to suit our needs.
- */
-
-import VirtualScroller from "./VirtualScroller";
-
-export { VirtualScroller };
-export default VirtualScroller;