rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Fix for pin/delete/redo icons on options in light colored themes

Browse Source
This commit is contained in:
ebolam
2022-11-26 17:46:39 -05:00
parent d3abf17618
commit 7141888163
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
static/koboldai.css
View File

@@ -1331,9 +1331,10 @@ body {
margin: auto auto auto auto; margin: auto auto auto auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: var(--flyout_text);
} }
.delete_option_icon { .option_icon {
font-size: 1.2em !important; font-size: 1.2em !important;
} }

14
static/koboldai.js
View File

@@ -317,10 +317,12 @@ function create_options(action) {
iconcell.classList.add("sequnce_icon"); iconcell.classList.add("sequnce_icon");
var icon = document.createElement("span"); var icon = document.createElement("span");
icon.id = "Pin_"+i; icon.id = "Pin_"+i;
icon.classList.add("oi"); icon.classList.add("material-icons-outlined");
icon.setAttribute('data-glyph', "loop-circular"); icon.classList.add("option_icon");
icon.classList.add("cursor");
icon.textContent = "cached";
iconcell.append(icon); iconcell.append(icon);
delete_icon = $e("span", iconcell, {"classes": ["material-icons-outlined", "cursor", 'delete_option_icon'], delete_icon = $e("span", iconcell, {"classes": ["material-icons-outlined", "cursor", 'option_icon'],
"tooltip": "Delete Option", 'option_id': i, "tooltip": "Delete Option", 'option_id': i,
'option_chunk': action.id, 'textContent': 'delete'}); 'option_chunk': action.id, 'textContent': 'delete'});
delete_icon.onclick = function () { delete_icon.onclick = function () {
@@ -353,8 +355,10 @@ function create_options(action) {
iconcell.classList.add("sequnce_icon"); iconcell.classList.add("sequnce_icon");
var icon = document.createElement("span"); var icon = document.createElement("span");
icon.id = "Pin_"+i; icon.id = "Pin_"+i;
icon.classList.add("oi"); icon.classList.add("material-icons-outlined");
icon.setAttribute('data-glyph', "pin"); icon.classList.add("option_icon");
icon.classList.add("cursor");
icon.textContent = "push_pin";
if (!(item.Pinned)) { if (!(item.Pinned)) {
icon.setAttribute('style', "filter: brightness(50%);"); icon.setAttribute('style', "filter: brightness(50%);");
} }