diff options
| author | Géry Debongnie <ged@odoo.com> | 2014-06-25 13:26:41 +0200 |
|---|---|---|
| committer | Géry Debongnie <ged@odoo.com> | 2014-06-25 13:26:41 +0200 |
| commit | 0a4a7f3d20e3cce435824d3aa756346088b0c73b (patch) | |
| tree | 821542b3b79725b904dd9d4a42d2b75b13f6a067 /addons/web/static/src/css | |
| parent | 1eaa69d342e61334b04fac2943877fff1b69b287 (diff) | |
[IMP] new autocomplete widget
Task #5009
This new autocomplete widget (the one used in the search bar) does not
do remote calls automatically, but on demand. In theory, it should lead
to a better user experience, not having the ui blocked every time long
remote calls are done.
It also has the benefits of bringing us one step closer to not
depending on jquery.ui. Bonus point: the code is quite short (< 200 loc
i believe)
Diffstat (limited to 'addons/web/static/src/css')
| -rw-r--r-- | addons/web/static/src/css/base.css | 32 | ||||
| -rw-r--r-- | addons/web/static/src/css/base.sass | 25 |
2 files changed, 57 insertions, 0 deletions
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 91146789602..dab2e482a18 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1588,6 +1588,38 @@ -webkit-border-radius: 2px; border-radius: 2px; } +.openerp .oe_searchview .oe-autocomplete { + display: none; + position: absolute; + width: 300px; + background-color: white; + border: 1px solid black; + z-index: 666; + margin-top: 5px; + cursor: default; +} +.openerp .oe_searchview .oe-autocomplete ul { + list-style-type: none; + padding-left: 0; + margin: 5px; +} +.openerp .oe_searchview .oe-autocomplete ul li { + padding-left: 20px; + text-shadow: 0 0 0 white; +} +.openerp .oe_searchview .oe-autocomplete ul li span:first-child { + margin-right: 5px; +} +.openerp .oe_searchview .oe-autocomplete ul li span.oe-expand { + cursor: pointer; +} +.openerp .oe_searchview .oe-autocomplete ul li.oe-indent { + margin-left: 20px; +} +.openerp .oe_searchview .oe-autocomplete ul li.oe-selection-focus { + background-color: #7c7bad; + color: white; +} .openerp .oe_searchview_drawer_container { overflow: auto; } diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 07d683268f1..523ee846622 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1307,6 +1307,31 @@ $sheet-padding: 16px text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) @include radius(2px) + .oe-autocomplete + display: none + position: absolute + width: 300px + background-color: white + border: 1px solid black + z-index: 666 + margin-top: 5px + cursor: default + ul + list-style-type: none + padding-left: 0 + margin: 5px + li + padding-left: 20px + text-shadow: 0 0 0 white + span:first-child + margin-right: 5px + span.oe-expand + cursor: pointer + li.oe-indent + margin-left: 20px + li.oe-selection-focus + background-color: #7c7bad + color: white .oe_searchview_drawer_container overflow: auto .oe_searchview_drawer |