Remove floating scrollbar from MDS page

Author: rainzhang05

server/server/static/styles/advanced/mds/overview.css

@@ -490,71 +490,6 @@
     background: rgba(0, 114, 206, 0.55);
 }
 
-.mds-horizontal-scroll {
-    position: sticky;
-    bottom: 1.25rem;
-    z-index: 60;
-    width: 100%;
-    max-width: 100%;
-    overflow-x: auto;
-    overflow-y: hidden;
-    border-radius: 999px;
-    border: 1px solid rgba(0, 114, 206, 0.18);
-    background: rgba(243, 247, 251, 0.94);
-    box-shadow: 0 14px 34px rgba(15, 39, 64, 0.14);
-    --mds-floating-scrollbar-thickness: 20px;
-    min-height: var(--mds-floating-scrollbar-thickness);
-    height: var(--mds-floating-scrollbar-thickness);
-    box-sizing: border-box;
-    padding: 0 6px;
-    scrollbar-width: auto;
-    scrollbar-color: rgba(0, 114, 206, 0.45) rgba(243, 247, 251, 0.7);
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.2s ease, box-shadow 0.2s ease;
-}
-
-.mds-horizontal-scroll.is-floating {
-    position: fixed;
-    left: 0;
-    right: auto;
-    width: auto;
-    max-width: none;
-}
-
-.mds-horizontal-scroll.is-ready {
-    opacity: 1;
-    pointer-events: auto;
-}
-
-.mds-horizontal-scroll.is-overflowing {
-    box-shadow: 0 16px 40px rgba(15, 39, 64, 0.18);
-}
-
-.mds-horizontal-scroll::-webkit-scrollbar {
-    height: var(--mds-floating-scrollbar-thickness);
-}
-
-.mds-horizontal-scroll::-webkit-scrollbar-track {
-    background: rgba(243, 247, 251, 0.86);
-    border-radius: 999px;
-}
-
-.mds-horizontal-scroll::-webkit-scrollbar-thumb {
-    background: rgba(0, 114, 206, 0.45);
-    border-radius: 999px;
-}
-
-.mds-horizontal-scroll::-webkit-scrollbar-thumb:hover {
-    background: rgba(0, 114, 206, 0.6);
-}
-
-.mds-horizontal-scroll__content {
-    height: 100%;
-    min-height: 100%;
-}
-
-
 .mds-scroll-top {
     position: fixed;
     top: 0.75rem;

server/server/static/templates/advanced/mds-content.html

@@ -251,10 +251,6 @@ <h3 id="mds-custom-panel-title">Manage Trusted Metadata</h3>
             </tbody>
         </table>
     </div>
-    <div class="mds-horizontal-scroll" id="mds-horizontal-scroll" aria-hidden="true">
-        <div class="mds-horizontal-scroll__content"></div>
-    </div>
-
     <button
         type="button"
         id="mds-scroll-top-button"