feat(high contrast): remove bg on filter, fix styles on props side panel

Author: srambach

packages/module/sass/react-catalog-view-extension/_filter-side-panel.scss

@@ -31,29 +31,6 @@
     margin-block-start: 0;
   }
 
-  &:hover {
-    background-color: var(--pf-t--global--background--color--action--plain--hover);
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      border-width: var(--pf-t--global--border--width--high-contrast--regular);
-      border-style: solid;
-      border-color: transparent;
-      border-radius: inherit;
-      pointer-events: none;
-    }
-
-    &::after {
-      border-color: var(--pf-t--global--border--color--high-contrast);
-    }
-}
-
   .pf-v6-c-check__label {
     min-height: var(--pf-t--global--spacer--md);
     padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--xs);

packages/module/sass/react-catalog-view-extension/_vertical-tabs.scss

@@ -5,19 +5,23 @@
 
   .vertical-tabs-pf {
     margin-block-end: 0;
+    padding-block-start: var(--pf-t--global--spacer--xs);
   }
 }
 
 .vertical-tabs-pf-tab {
   margin-block-start: var(--pf-t--global--spacer--sm);
+  margin-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-start: 0;
   position: relative;
 
   > a {
     color: var( --pf-t--global--text--color--regular);
     text-decoration: none;
     display: inline-block;
     font-size: 13px;
-    padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md);
+    margin-inline-start: var(--pf-t--global--spacer--md);
+    padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm);
     vertical-align: top;
     width: 100%;
     word-break: break-word;
@@ -61,28 +65,19 @@
   }
 
   &.active {
-    > a {
-
       &::before {
         background: var( --pf-t--global--border--color--brand--clicked);
         content: "\00a0"; //  
-        left: 0;
+        inset-inline-start: 0;
+        inset-block-start: var(--pf-t--global--spacer--xs);
         position: absolute;
         width: var(--pf-t--global--border--width--extra-strong);
       }
-    }
   }
 
   &:first-of-type {
     margin-block-start: 0;
   }
-
-  > .vertical-tabs-pf {
-    > .vertical-tabs-pf-tab {
-      position: initial;
-      padding-inline-start: var(--pf-t--global--spacer--md);
-    }
-  }
 }
 
 .vertical-tabs-pf.restrict-tabs {