From cfdc002a77aa40addd5359cfb6325f81e55d6a6a Mon Sep 17 00:00:00 2001
From: gucal <gucalaliriza@outlook.com>
Date: Mon, 13 Nov 2023 14:56:10 +0300
Subject: [PATCH] Fix #74 - OrderList | Accessibility Enhancements

---
 theme-base/components/data/_orderlist.scss | 59 +++++-----------------
 1 file changed, 13 insertions(+), 46 deletions(-)

diff --git a/theme-base/components/data/_orderlist.scss b/theme-base/components/data/_orderlist.scss
index f026bd3..9410e07 100644
--- a/theme-base/components/data/_orderlist.scss
+++ b/theme-base/components/data/_orderlist.scss
@@ -12,31 +12,12 @@
         color: $panelHeaderTextColor;
         border: $panelHeaderBorder;
         padding: $panelHeaderPadding;
+        font-weight: $panelHeaderFontWeight;
         border-bottom: 0 none;
         border-top-right-radius: $borderRadius;
         border-top-left-radius: $borderRadius;
-
-        .p-orderlist-title {
-            font-weight: $panelHeaderFontWeight;
-        }
     }
 
-    .p-orderlist-filter-container {
-        padding: $panelHeaderPadding;
-        background: $panelContentBg;
-        border: $panelHeaderBorder;
-        border-bottom: 0 none;
-
-        .p-orderlist-filter-input {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-orderlist-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }      
-
     .p-orderlist-list {
         border: $panelContentBorder;
         background: $panelContentBg;
@@ -44,6 +25,7 @@
         padding: $inputListPadding;
         border-bottom-right-radius: $borderRadius;
         border-bottom-left-radius: $borderRadius;
+        outline: 0 none;
 
         .p-orderlist-item {
             padding: $inputListItemPadding;
@@ -51,28 +33,24 @@
             border: $inputListItemBorder;
             color: $inputListItemTextColor;
             background: $inputListItemBg;
-            transition: $listItemTransition;
+            transition: transform $transitionDuration, $listItemTransition;
 
-            &:focus {
-                @include focused-listitem();
+            &:not(.p-highlight):hover {
+                background: $inputListItemHoverBg;
+                color: $inputListItemTextHoverColor;
+            }
+
+            &.p-focus {
+                color: $inputListItemTextFocusColor;
+                background: $inputListItemFocusBg;
             }
 
             &.p-highlight {
                 color: $highlightTextColor;
                 background: $highlightBg;
-            }
-        }
 
-        .p-orderlist-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-        }
-
-        &:not(.cdk-drop-list-dragging) {
-            .p-orderlist-item {
-                &:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
+                &.p-focus {
+                    background: $highlightFocusBg;
                 }
             }
         }
@@ -89,15 +67,4 @@
             }
         }
     }
-}
-
-.p-orderlist-item {
-    &.cdk-drag-preview {
-        padding: $inputListItemPadding;
-        box-shadow: $inputOverlayShadow;
-        border: $inputListItemBorder;
-        color: $inputListItemTextColor;
-        background: $panelContentBg;
-        margin: 0;
-    }
 }
\ No newline at end of file