diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-15 08:59:06 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-15 08:59:06 +0200 |
| commit | 0e23193b324f0dd62369bd48709809ed03bca02c (patch) | |
| tree | abadee058de8055fdd0a39399d67956d96950ce0 | |
| parent | 3d169ae4f859e54598d1f323d30df120899005aa (diff) | |
| download | nextcloud-server-0e23193b324f0dd62369bd48709809ed03bca02c.tar.gz nextcloud-server-0e23193b324f0dd62369bd48709809ed03bca02c.zip | |
Added feedback on autocomplete ui
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
| -rw-r--r-- | apps/files_sharing/css/sharetabview.scss | 2 | ||||
| -rw-r--r-- | 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 { |