refactor: 移除 sidebar 样式

Author: ArgoZhang

src/components/BootstrapBlazor.PdfReader/wwwroot/css/pdf_viewer.css

@@ -5116,110 +5116,6 @@
     gap: 16px;
 }
 
-.sidebar {
-    --csstools-light-dark-toggle--94: var(--csstools-color-scheme--light) #23222b;
-    --sidebar-bg-color: var(--csstools-light-dark-toggle--94, #fff);
-    --csstools-light-dark-toggle--95: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
-    --sidebar-border-color: var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
-    --csstools-light-dark-toggle--96: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
-    --csstools-light-dark-toggle--97: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
-    --sidebar-box-shadow: 0 0.25px 0.75px var(--csstools-light-dark-toggle--96, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.1));
-    --sidebar-border-radius: 8px;
-    --sidebar-padding: 5px;
-    --sidebar-min-width: 180px;
-    --sidebar-max-width: 632px;
-    --sidebar-width: 239px;
-    --resizer-width: 4px;
-    --csstools-light-dark-toggle--98: var(--csstools-color-scheme--light) #00cadb;
-    --resizer-hover-bg-color: var(--csstools-light-dark-toggle--98, #0062fa);
-}
-
-@supports (color: light-dark(red, red)) {
-    .sidebar {
-        --sidebar-bg-color: light-dark(#fff, #23222b);
-    }
-}
-
-@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
-    .sidebar {
-        --sidebar-border-color: light-dark( rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1) );
-        --sidebar-box-shadow: 0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
-    }
-}
-
-@supports (color: light-dark(red, red)) {
-    .sidebar {
-        --resizer-hover-bg-color: light-dark(#0062fa, #00cadb);
-    }
-}
-
-@supports not (color: light-dark(tan, tan)) {
-
-    .sidebar * {
-        --csstools-light-dark-toggle--94: var(--csstools-color-scheme--light) #23222b;
-        --sidebar-bg-color: var(--csstools-light-dark-toggle--94, #fff);
-        --csstools-light-dark-toggle--95: var(--csstools-color-scheme--light) rgb(251 251 254 / 0.1);
-        --sidebar-border-color: var(--csstools-light-dark-toggle--95, rgb(21 20 26 / 0.1));
-        --csstools-light-dark-toggle--96: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.2);
-        --csstools-light-dark-toggle--97: var(--csstools-color-scheme--light) rgb(0 0 0 / 0.4);
-        --sidebar-box-shadow: 0 0.25px 0.75px var(--csstools-light-dark-toggle--96, rgb(0 0 0 / 0.05)), 0 2px 6px 0 var(--csstools-light-dark-toggle--97, rgb(0 0 0 / 0.1));
-        --csstools-light-dark-toggle--98: var(--csstools-color-scheme--light) #00cadb;
-        --resizer-hover-bg-color: var(--csstools-light-dark-toggle--98, #0062fa);
-    }
-}
-
-@media screen and (forced-colors: active) {
-
-    .sidebar {
-        --sidebar-bg-color: Canvas;
-        --sidebar-border-color: CanvasText;
-        --sidebar-box-shadow: none;
-        --resizer-hover-bg-color: CanvasText;
-    }
-}
-
-.sidebar {
-    border-radius: var(--sidebar-border-radius);
-    box-shadow: var(--sidebar-box-shadow);
-    border: 1px solid var(--sidebar-border-color);
-    background-color: var(--sidebar-bg-color);
-    inset-block-start: calc(100% + var(--doorhanger-height) - 2px);
-    padding-block: var(--sidebar-padding);
-    width: var(--sidebar-width);
-    min-width: var(--sidebar-min-width);
-    max-width: var(--sidebar-max-width);
-}
-
-    .sidebar .sidebarResizer {
-        width: var(--resizer-width);
-        background-color: transparent;
-        forced-color-adjust: none;
-        cursor: ew-resize;
-        position: absolute;
-        inset-block: calc(var(--sidebar-padding) + var(--sidebar-border-radius));
-        inset-inline-start: calc(0px - var(--resizer-width) / 2);
-        transition: background-color 0.5s ease-in-out;
-        box-sizing: border-box;
-        border: 1px solid transparent;
-        border-block-width: 0;
-        background-clip: content-box;
-    }
-
-:is(.sidebar .sidebarResizer):hover {
-    background-color: var(--resizer-hover-bg-color);
-}
-
-.sidebar.resizing {
-    cursor: ew-resize;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-}
-
-    .sidebar.resizing :not(.sidebarResizer) {
-        pointer-events: none;
-    }
-
 :root {
     --csstools-color-scheme--light: initial;
     color-scheme: light dark;