Draw dark border for focused listview, treeview

This commit is contained in:
Julia Radzhabova 2020-10-15 19:28:45 +03:00
parent 70047038fd
commit 767c8652f3
3 changed files with 13 additions and 5 deletions

View file

@ -21,6 +21,10 @@
}
}
&:not(.no-focus):focus {
border-color: @gray-darker;
}
& > .item {
// display: block;
text-overflow: ellipsis;

View file

@ -19,6 +19,10 @@
}
}
&:focus {
border-color: @gray-darker;
}
> .item {
display: block;
width: 100%;

View file

@ -103,7 +103,7 @@ define([
el: $('#pivot-list-fields'),
store: new Common.UI.DataViewStore(),
simpleAddMode: true,
template: _.template(['<div class="listview inner" style=""></div>'].join('')),
template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
itemTemplate: _.template([
'<div>',
'<label class="checkbox-indeterminate" style="position:absolute;">',
@ -139,7 +139,7 @@ define([
el: $('#pivot-list-columns'),
store: new Common.UI.DataViewStore(),
simpleAddMode: true,
template: _.template(['<div class="listview inner" style=""></div>'].join('')),
template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
itemTemplate: itemTemplate
});
this.columnsList.on('item:click', _.bind(this.onColumnsSelect, this, 0));
@ -154,7 +154,7 @@ define([
el: $('#pivot-list-rows'),
store: new Common.UI.DataViewStore(),
simpleAddMode: true,
template: _.template(['<div class="listview inner" style=""></div>'].join('')),
template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
itemTemplate: itemTemplate
});
this.rowsList.on('item:click', _.bind(this.onColumnsSelect, this, 1));
@ -169,7 +169,7 @@ define([
el: $('#pivot-list-values'),
store: new Common.UI.DataViewStore(),
simpleAddMode: true,
template: _.template(['<div class="listview inner" style=""></div>'].join('')),
template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
itemTemplate: itemTemplate
});
this.valuesList.on('item:click', _.bind(this.onColumnsSelect, this, 2));
@ -184,7 +184,7 @@ define([
el: $('#pivot-list-filters'),
store: new Common.UI.DataViewStore(),
simpleAddMode: true,
template: _.template(['<div class="listview inner" style=""></div>'].join('')),
template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
itemTemplate: itemTemplate
});
this.filtersList.on('item:click', _.bind(this.onColumnsSelect, this,3));