diff options
| author | Thanh Dodeur <tso@odoo.com> | 2019-08-30 10:20:47 +0000 |
|---|---|---|
| committer | Thanh Dodeur <tso@odoo.com> | 2019-09-09 11:54:44 +0000 |
| commit | 554c0bce74c8ad07f26126c87f032651a3e744f2 (patch) | |
| tree | 569a2e79757e4337ad5be047ed793bc1ebb926a3 | |
| parent | 04bf0ed963ee7a1b00ad4c56ddf7571a6323561f (diff) | |
[FIX] web: searchPanel style tweaks for the panel selectors
Moves the custom documents search panel style to the search panel
of community to improve usability and fix several visual glitches.
closes odoo/odoo#36496
Task: #2061957
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
| -rw-r--r-- | addons/web/static/src/scss/search_panel.scss | 17 | ||||
| -rw-r--r-- | addons/web/static/src/xml/kanban.xml | 4 |
2 files changed, 15 insertions, 6 deletions
diff --git a/addons/web/static/src/scss/search_panel.scss b/addons/web/static/src/scss/search_panel.scss index deac73754d1..0c7b2266a25 100644 --- a/addons/web/static/src/scss/search_panel.scss +++ b/addons/web/static/src/scss/search_panel.scss @@ -1,4 +1,5 @@ // ------- View with SearchPanel ------- +$o-searchpanel-active-bg: rgba(108, 193, 237, 0.3); $o-searchpanel-p: $o-horizontal-padding; $o-searchpanel-p-small: $o-horizontal-padding*0.5; $o-searchpanel-p-tiny: $o-searchpanel-p-small*0.5; @@ -31,10 +32,12 @@ $o-searchpanel-filter-default-color: #D59244; } .o_search_panel_label { + display: flex; cursor: pointer; user-select: none; .o_toggle_fold { + margin-left: auto; padding: 3px; } } @@ -53,16 +56,22 @@ $o-searchpanel-filter-default-color: #D59244; } span.o_search_panel_label_title { color: $headings-color; - @include o-text-overflow(inline-block, calc(100% - 22px)); + @include o-text-overflow; } header.active { - background-color: $list-group-action-active-bg; + background-color: $o-searchpanel-active-bg; } } .o_search_panel_category_value { + cursor: pointer; header { - margin-left: -$o-searchpanel-p-tiny; - padding-left: $o-searchpanel-p-tiny; + margin-top: -4px; + margin-bottom: -4px; + padding: 4px 7px; + + .o_toggle_fold { + padding-left: 11px; + } } .o_search_panel_category_value { position: relative; diff --git a/addons/web/static/src/xml/kanban.xml b/addons/web/static/src/xml/kanban.xml index aadda505b44..77d2d319d70 100644 --- a/addons/web/static/src/xml/kanban.xml +++ b/addons/web/static/src/xml/kanban.xml @@ -243,9 +243,9 @@ <t t-set="value" t-value="category.values[valueId]"/> <li class="o_search_panel_category_value border-0 list-group-item" t-att-data-id="value.id" t-att-data-category-id="category.id"> <header t-att-class="'list-group-item-action' + (value.id === category.activeValueId ? ' active' : '')"> - <label t-att-for="value.display_name" class="o_search_panel_label mb0 d-block"> - <i t-if="value.childrenIds.length" t-att-class="'fa fa-fw pull-right o_toggle_fold ' + (value.folded ? 'fa-caret-left' : 'fa-caret-down')"/> + <label t-att-for="value.display_name" class="o_search_panel_label mb0"> <span class="o_search_panel_label_title"><t t-esc="value.display_name"/></span> + <i t-if="value.childrenIds.length" t-attf-class="fa fa-fw o_toggle_fold {{value.folded ? 'fa-caret-left' : 'fa-caret-down'}}"/> </label> </header> <ul t-if="!value.folded" class="list-group d-block"> |