artin/miniPaint
1
0
Fork 0
mirror of https://github.com/viliusle/miniPaint.git synced 2026-02-06 11:21:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed layers list style (related to source-atop composition)

Browse Source
This commit is contained in:
viliusle 2022-03-16 23:18:20 +02:00
parent 7c5b8101e6
commit 0855adb797
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/css/layout.css
View File

@ -429,6 +429,9 @@ IMPORTANT: any new icon should also must be added on /service-worker.js + its ve
color:var(--text-color);
white-space: nowrap;
}
.layers_list .item.shorter .layer_name{
width: calc(100% - 63px);
}
.layers_list .item.active .layer_name{
background-color: var(--background-color-active);
color: var(--text-color-active);

12
src/js/core/gui/gui-layers.js
View File

@ -141,11 +141,15 @@ class GUI_layers_class {
if (config.layer) {
for (var i in layers) {
var value = layers[i];
var class_extra = '';
if(value.composition === 'source-atop'){
class_extra += ' shorter';
}
if (value.id == config.layer.id){
class_extra += ' active';
}
if (value.id == config.layer.id)
html += '<div class="item active">';
else
html += '<div class="item">';
html += '<div class="item ' + class_extra + '">';
if (value.visible == true)
html += ' <button class="visibility visible" id="visibility" data-id="' + value.id + '" title="Hide"></button>';
else