pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] web: searchPanel style tweaks for the panel selectors

Browse Source 
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>
This commit is contained in:
Thanh Dodeur
2019-09-09 11:54:44 +00:00
parent 04bf0ed963
commit 554c0bce74
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/scss/search_panel.scss
+13 -4
View File
@@ -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;
addons/web/static/src/xml/kanban.xml
+2 -2
View File
@@ -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">