rixty
/
KoboldAI-Client
mirror of https://github.com/KoboldAI/KoboldAI-Client.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/application.js
View File

@ -435,6 +435,9 @@ function addWiFolder(uid, ob) {
</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-dummy\"></div>\
</div>\
@ -450,6 +453,9 @@ function addWiFolder(uid, ob) {
collapsed: false,
}});
};
$("#wifoldergutter"+uid).on("click", function () {
$(this).siblings(".wilistfolder")[0].scrollIntoView();
});
$("#btn_wifolder"+uid).on("click", function () {
showWiFolderDeleteConfirm(uid);
});

23
static/custom.css
View File

@ -577,6 +577,28 @@ chunk.editing, chunk.editing * {
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 {
}
@ -1012,6 +1034,7 @@ chunk.editing, chunk.editing * {
.wilistfolder {
height: 60px;
grid-column: span 2;
display: grid;
grid-template-columns: 4% 5% 88.5% 2.5%;
margin-bottom: 24px;