Added feedback on autocomplete ui

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/apps/files_sharing/css/sharetabview.scss b/apps/files_sharing/css/sharetabview.scss
index dca59923342ac49e6108dafeac0fad8a369d6d4e..61a310447d3ea6f92cc431c58bbd5666438e806a 100644 (file)
--- a/apps/files_sharing/css/sharetabview.scss
+++ b/apps/files_sharing/css/sharetabview.scss
@@ -205,7 +205,7 @@
 
 .ui-autocomplete {
        /* limit dropdown height to 4 1/2 entries */
-       max-height: 200px;
+       max-height: calc(36px * 4.5);;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 1550 !important;

diff --git a/core/css/jquery-ui-fixes.scss b/core/css/jquery-ui-fixes.scss
index 8ee7412af3c51d1c1db3c0ec5495cd998bee476c..e30beee44e5c1425450b2e0a19fe384a075bc3bd 100644 (file)
--- a/core/css/jquery-ui-fixes.scss
+++ b/core/css/jquery-ui-fixes.scss
@@ -173,6 +173,7 @@
                .ui-menu-item a {
                        &.ui-state-focus, &.ui-state-active {
                                font-weight: inherit;
+                               box-shadow: inset 4px 0 var(--color-primary);
                        }
                }
        }
@@ -184,15 +185,25 @@
 
        &.ui-corner-all {
                border-radius: 0;
-               border-bottom-left-radius: 3px;
-               border-bottom-right-radius: 3px;
+               border-bottom-left-radius: var(--border-radius);
+               border-bottom-right-radius: var(--border-radius);
        }
 
-       .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+       .ui-state-hover, .ui-widget-content .ui-state-hover,
+       .ui-widget-header .ui-state-hover,
+       .ui-state-focus,
+       .ui-widget-content .ui-state-focus,
+       .ui-widget-header .ui-state-focus {
                border: 1px solid transparent;
                background: inherit;
                color: var(--color-primary-element);
        }
+
+       .ui-menu-item {
+               a {
+                       border-radius: 0 !important;
+               }
+       }
 }
 
 .ui-button.primary {