mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Proposal : tooltip only when layer name overflow

Browse Source
This commit is contained in:
Guillaume Martigny 2016-12-02 17:21:10 +01:00
parent ad5c8182e4
commit 9d0d38e081
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/toolbox-layers-list.css
View File

@ -70,6 +70,8 @@
padding: 0 0 0 10px; padding: 0 0 0 10px;
flex: 1 auto; flex: 1 auto;
white-space: nowrap; white-space: nowrap;
}
.layer-item .layer-name.overflowing-name {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -79,7 +81,7 @@
} }
.layer-item-opacity { .layer-item-opacity {
margin-right: 8px; padding-right: 8px;
} }
.current-layer-item, .current-layer-item,

6
src/js/controller/LayersListController.js
View File

@ -99,6 +99,12 @@
}); });
var layerItem = pskl.utils.Template.createFromHTML(layerItemHtml); var layerItem = pskl.utils.Template.createFromHTML(layerItemHtml);
this.layersListEl.insertBefore(layerItem, this.layersListEl.firstChild); this.layersListEl.insertBefore(layerItem, this.layersListEl.firstChild);
if (layerItem.offsetWidth < layerItem.scrollWidth) {
$(layerItem).find('.layer-name')
.addClass('overflowing-name')
.attr('title', pskl.utils.TooltipFormatter.format(layer.getName()))
.tooltip();
}
}; };
ns.LayersListController.prototype.onClick_ = function (evt) { ns.LayersListController.prototype.onClick_ = function (evt) {