tfl/tc.preset
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

small ui tweaks for more clarity

Browse Source
This commit is contained in:
TFLCL
2026-01-15 13:58:11 +01:00
parent 7c37e5a0d4
commit 627848d872
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
javascript/tc.preset.js
View File

@@ -328,7 +328,7 @@ function draw_slot(id, scale, cont) {
var bg_txt_dim_w = ui_width - (2*margin + slot_size + spacing); var bg_txt_dim_w = ui_width - (2*margin + slot_size + spacing);
var bg_txt_dim_h = slot_size; var bg_txt_dim_h = slot_size;
if (slots[id].name != null) { if (slots[id].filled) {
cont.set_source_rgba(stored_slot_color); cont.set_source_rgba(stored_slot_color);
} else { } else {
cont.set_source_rgba(empty_slot_color); cont.set_source_rgba(empty_slot_color);
@@ -577,7 +577,7 @@ function paint()
mgraphics.stroke(); mgraphics.stroke();
} else if (option_hold && !control_hold && slots[last_hovered].filled == true) { } else if (option_hold && !control_hold && slots[last_hovered].filled == true) {
// About to delete // About to delete
mgraphics.set_source_rgba(empty_slot_color[0], empty_slot_color[1], empty_slot_color[2], 0.8); mgraphics.set_source_rgba(empty_slot_color[0], empty_slot_color[1], empty_slot_color[2], 0.6);
draw_slot_bubble(slots[last_hovered].left + 1, slots[last_hovered].top + 1, slot_size-2, slot_size-2); draw_slot_bubble(slots[last_hovered].left + 1, slots[last_hovered].top + 1, slot_size-2, slot_size-2);
mgraphics.fill(); mgraphics.fill();
} else if (!control_hold && !option_hold){ } else if (!control_hold && !option_hold){
@@ -590,10 +590,10 @@ function paint()
// About to rename // About to rename
mgraphics.set_source_rgba(border_color); mgraphics.set_source_rgba(border_color);
mgraphics.set_line_width(2); mgraphics.set_line_width(2);
mgraphics.move_to(slots[last_hovered].left, slots[last_hovered].top); mgraphics.move_to(slots[last_hovered].left - 1, slots[last_hovered].top);
mgraphics.rel_line_to(slot_size, 0); mgraphics.rel_line_to(slot_size + 2, 0);
mgraphics.move_to(slots[last_hovered].left, slots[last_hovered].bottom); mgraphics.move_to(slots[last_hovered].left - 1, slots[last_hovered].bottom);
mgraphics.rel_line_to(slot_size, 0); mgraphics.rel_line_to(slot_size + 2, 0);
mgraphics.stroke(); mgraphics.stroke();
} }
} }
@@ -615,7 +615,7 @@ function paint()
// Display the text bubble on top of the next slot to avoid hiding slots borders (useful when attempting to lock/rename/delete) // Display the text bubble on top of the next slot to avoid hiding slots borders (useful when attempting to lock/rename/delete)
var bg_txt_dim_w = text_dim[0] > slot_size ? text_dim[0] + 4 : slot_size + 4; var bg_txt_dim_w = text_dim[0] > slot_size ? text_dim[0] + 4 : slot_size + 4;
var bg_txt_dim_h = text_dim[1] > slot_size ? text_dim[1] + 4 : slot_size + 4; var bg_txt_dim_h = text_dim[1] > slot_size ? text_dim[1] + 4 : slot_size + 4;
var bg_txt_pos_x = slots[last_hovered].left + slot_size + 2; var bg_txt_pos_x = slots[last_hovered].right + 2;
var bg_txt_pos_y = slots[last_hovered].top - 2; var bg_txt_pos_y = slots[last_hovered].top - 2;
// If there is not enough place on the right and if there is more available place on the left, text is displayed on the left // If there is not enough place on the right and if there is more available place on the left, text is displayed on the left
@@ -631,15 +631,16 @@ function paint()
// Bubble background // Bubble background
mgraphics.set_source_rgba(text_bg_color); mgraphics.set_source_rgba(text_bg_color);
mgraphics.rectangle_rounded(bg_txt_pos_x, bg_txt_pos_y, bg_txt_dim_w, bg_txt_dim_h, 4, 4); mgraphics.rectangle_rounded(bg_txt_pos_x, bg_txt_pos_y, bg_txt_dim_w, bg_txt_dim_h, 4, 4);
// Draw an arrow pointing toward the preset slot
if (arrow_on_left) { if (arrow_on_left) {
mgraphics.move_to(bg_txt_pos_x, bg_txt_pos_y + bg_txt_dim_h / 2 - 3); mgraphics.move_to(slots[last_hovered].right, slots[last_hovered].top + slot_size / 2);
mgraphics.rel_line_to(-2, 3);
mgraphics.rel_line_to(2, 3); mgraphics.rel_line_to(2, 3);
mgraphics.rel_line_to(0, -6);
mgraphics.close_path(); mgraphics.close_path();
} else { } else {
mgraphics.move_to(bg_txt_pos_x + bg_txt_dim_w, bg_txt_pos_y + bg_txt_dim_h / 2 - 3); mgraphics.move_to(slots[last_hovered].left, slots[last_hovered].top + slot_size / 2);
mgraphics.rel_line_to(2, 3);
mgraphics.rel_line_to(-2, 3); mgraphics.rel_line_to(-2, 3);
mgraphics.rel_line_to(0, -6);
mgraphics.close_path(); mgraphics.close_path();
} }
mgraphics.fill(); mgraphics.fill();