Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Draw dark border for focused listview, treeview

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/resources/less/listview.less
View file

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

4
apps/common/main/resources/less/treeview.less
View file

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

10
apps/spreadsheeteditor/main/app/view/PivotSettings.js
View file

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