From 9d4abcebc4fdf906e01f35a777a517bf72a0b164 Mon Sep 17 00:00:00 2001
From: Pierre Ranwez <pierre.ranwez.etu@univ-lille.fr>
Date: Wed, 16 Feb 2022 12:01:25 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20ui:=20controlchange=20record=20u?=
=?UTF-8?q?i=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
main.js | 4 ++--
style.css | 13 +++++++++++--
2 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/main.js b/main.js
index 7ebf321..b88172d 100644
--- a/main.js
+++ b/main.js
@@ -113,10 +113,10 @@ function initUi() {
$('#loopList').text('');
for (let i = 0; i < result.records.loop.length; i++) {
if (result.records.loop[i].length > 0) {
- $('#loopList').append('<tr><td>Boucle n°' + (i + 1) + '</td><td>' + result.records.loop[i][result.records.loop[i].length - 1].time + 'ms</td><td>' + result.records.loop[i].length + '</td><td><button id="record" value="' + i + '">' + recordIcon + '</button><a>note:<span contenteditable style="min-width:20px;display: inline-block;"></span></a><button id="loopPlay" value="' + i + '">' + (result.records.info[i].isLoop ? pauseIcon : playIcon) + '</button><a>note:<span contenteditable style="min-width:20px;display: inline-block;"></span></a></td><td><button id="loopReset" value="' + i + '">' + trashIcon + '</button></td></tr>');
+ $('#loopList').append('<tr><td>Boucle n°' + (i + 1) + '</td><td>' + result.records.loop[i][result.records.loop[i].length - 1].time + 'ms</td><td>' + result.records.loop[i].length + '</td><td><button id="record" value="' + i + '">' + recordIcon + '</button><a>note:<span contenteditable class="spanEditable"></span></a><button id="loopPlay" value="' + i + '">' + (result.records.info[i].isLoop ? pauseIcon : playIcon) + '</button><a>note:<span contenteditable class="spanEditable"></span></a></td><td><button id="loopReset" value="' + i + '">' + trashIcon + '</button></td></tr>');
}
else {
- $('#loopList').append('<tr><td>Boucle n°' + (i + 1) + '</td><td></td><td>0</td><td><button id="record" value="' + i + '">' + recordIcon + '</button><a>note:<span contenteditable style="min-width:20px;display: inline-block;"></span></a><button id="loopPlay" value="' + i + '">' + playIcon + '</button><a>note:<span contenteditable style="min-width:20px;display: inline-block;"></span></a></td><td><button id="loopReset" value="' + i + '">' + trashIcon + '</button></td></tr>');
+ $('#loopList').append('<tr><td>Boucle n°' + (i + 1) + '</td><td></td><td>0</td><td><button id="record" value="' + i + '">' + recordIcon + '</button><a>note:<span contenteditable class="spanEditable"></span></a><button id="loopPlay" value="' + i + '">' + playIcon + '</button><a>note:<span contenteditable class="spanEditable"></span></a></td><td><button id="loopReset" value="' + i + '">' + trashIcon + '</button></td></tr>');
}
}
});
diff --git a/style.css b/style.css
index 925493b..faac5a2 100644
--- a/style.css
+++ b/style.css
@@ -239,6 +239,15 @@ a[title]:hover {
display: none;
}
-td span, td svg, td label {
+td span,
+td svg,
+td label {
vertical-align: middle;
-}
\ No newline at end of file
+}
+
+.spanEditable {
+ min-width: 20px;
+ display: inline-block;
+ padding-left: 2px;
+ padding-bottom: 2px;
+}
--
GitLab