diff options
author | Aleksander Machniak <alec@alec.pl> | 2019-10-05 11:48:01 +0300 |
---|---|---|
committer | Aleksander Machniak <alec@alec.pl> | 2019-10-05 11:48:01 +0300 |
commit | ed085db9e0ede7000631f1f7fb0f8f4598461caf (patch) | |
tree | a9fcd54a52c1bec02e5eb8814bf47a1893cdcdeb /skins/elastic | |
parent | e7ebff56df2af7eba6dc5fe21682c1b552cf13f4 (diff) |
Elastic: Fix position and style of auto-complete dropdown on small screens (#6951)
Diffstat (limited to 'skins/elastic')
-rw-r--r-- | skins/elastic/styles/widgets/dialogs.less | 50 | ||||
-rw-r--r-- | skins/elastic/ui.js | 2 |
2 files changed, 27 insertions, 25 deletions
diff --git a/skins/elastic/styles/widgets/dialogs.less b/skins/elastic/styles/widgets/dialogs.less index 088be827b..666f94ebf 100644 --- a/skins/elastic/styles/widgets/dialogs.less +++ b/skins/elastic/styles/widgets/dialogs.less @@ -68,25 +68,6 @@ } } -#rcmKSearchpane { - width: auto; - height: auto; - - li { - padding-right: .5rem; - } - - html.layout-small &, - html.layout-phone & { - bottom: auto; - border: 1px solid @color-input-border; - } - - html.layout-phone & { - max-width: 100% !important; - } -} - html.layout-small, html.layout-phone { .popover:not(.select-menu) { @@ -166,15 +147,36 @@ html.touch .popover { .select-menu { max-width: initial; margin: 0; - - .listing li a { - padding-left: .25rem; - outline: 0; // for Android browser - } + height: auto; .popover-header { border-radius: .25rem .25rem 0 0 !important; } + + .listing li { + a { + padding-left: .25rem; + outline: 0; // for Android browser + } + + &:last-child { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; + } + } + + // Use 'inline' class for menus that have a list elements with no <a> inside + // and no header + &.inline { + .listing li { + padding-right: .5rem; + + &:first-child { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; + } + } + } } /** PGP Key search/import dialog **/ diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js index cd2e444c0..199073fb8 100644 --- a/skins/elastic/ui.js +++ b/skins/elastic/ui.js @@ -3182,7 +3182,7 @@ function rcube_elastic_ui() .on('blur', function() { list.removeClass('focus'); }) .on('focus mousedown', function() { list.addClass('focus'); }); - list = $('<ul>').addClass('form-control recipient-input') + list = $('<ul>').addClass('form-control recipient-input ac-input') .append($('<li>').append(input)) .on('click', function() { input.focus(); }); |