Add indentation to WI folder contents

This commit is contained in:
Gnome Ann 2021-12-05 03:29:13 -05:00
parent d46ef8550b
commit 1393eac882
2 changed files with 29 additions and 0 deletions

View File

@ -435,6 +435,9 @@ function addWiFolder(uid, ob) {
</div>\ </div>\
</div>\ </div>\
</div>\ </div>\
<div class=\"wifoldergutter-container\" id=\"wifoldergutter"+uid+"\">\
<div class=\"wifoldergutter\"></div>\
</div>\
<div class=\"wisortable-body\" folder-uid=\""+uid+"\">\ <div class=\"wisortable-body\" folder-uid=\""+uid+"\">\
<div class=\"wisortable-dummy\"></div>\ <div class=\"wisortable-dummy\"></div>\
</div>\ </div>\
@ -450,6 +453,9 @@ function addWiFolder(uid, ob) {
collapsed: false, collapsed: false,
}}); }});
}; };
$("#wifoldergutter"+uid).on("click", function () {
$(this).siblings(".wilistfolder")[0].scrollIntoView();
});
$("#btn_wifolder"+uid).on("click", function () { $("#btn_wifolder"+uid).on("click", function () {
showWiFolderDeleteConfirm(uid); showWiFolderDeleteConfirm(uid);
}); });

View File

@ -577,6 +577,28 @@ chunk.editing, chunk.editing * {
background-color: #3bf723; background-color: #3bf723;
} }
.wisortable-container {
padding-bottom: 50px;
}
.wisortable-container[folder-uid] {
display: grid;
grid-template-columns: 5% 95%;
}
.wifoldergutter-container {
cursor: pointer;
margin-right: 14px;
display: grid;
}
.wifoldergutter {
background-color: #cdf;
margin-left: 48%;
margin-right: 48%;
margin-bottom: 20px;
}
.wisortable-body { .wisortable-body {
} }
@ -1012,6 +1034,7 @@ chunk.editing, chunk.editing * {
.wilistfolder { .wilistfolder {
height: 60px; height: 60px;
grid-column: span 2;
display: grid; display: grid;
grid-template-columns: 4% 5% 88.5% 2.5%; grid-template-columns: 4% 5% 88.5% 2.5%;
margin-bottom: 24px; margin-bottom: 24px;