From 0e23193b324f0dd62369bd48709809ed03bca02c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Wed, 15 Aug 2018 08:59:06 +0200
Subject: [PATCH] Added feedback on autocomplete ui
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/files_sharing/css/sharetabview.scss |  2 +-
 core/css/jquery-ui-fixes.scss            | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/apps/files_sharing/css/sharetabview.scss b/apps/files_sharing/css/sharetabview.scss
index dca59923342..61a310447d3 100644
--- 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 8ee7412af3c..e30beee44e5 100644
--- 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 {
-- 
GitLab