From 6f57d5d0d41fd5831276906cbb41598ca21bb550 Mon Sep 17 00:00:00 2001
From: "Salvador E. Tropea" <salvador@inti.gob.ar>
Date: Thu, 28 Dec 2023 10:04:03 -0300
Subject: [PATCH] [KiRi] Moved the commits list style to the CSS

---
 kibot/resources/kiri/kiri.css | 35 +++++++++++++++++++++++++++++++++++
 kibot/resources/kiri/kiri.js  | 12 +++++-------
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/kibot/resources/kiri/kiri.css b/kibot/resources/kiri/kiri.css
index f29ea675..26a69c75 100644
--- a/kibot/resources/kiri/kiri.css
+++ b/kibot/resources/kiri/kiri.css
@@ -449,6 +449,41 @@ hr {
 	mask-size: 100% 100%;
 }
 
+.icon-commit {
+	width: 1em;
+	height: 1em;
+	display: inline-block;
+	background-color: currentColor;
+	--svg: url("data:image/svg+xml;utf8,<svg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg' width='15' height='15'><path d='M7.5 10.5a3 3 0 010-6m0 6a3 3 0 000-6m0 6V15m0-10.5V0' stroke='currentColor'></path></svg>");
+	-webkit-mask-image: var(--svg);
+	mask-image: var(--svg);
+	-webkit-mask-repeat: no-repeat;
+	mask-repeat: no-repeat;
+	-webkit-mask-size: 100% 100%;
+	mask-size: 100% 100%;
+}
+
+.commit-label {
+	display: block;
+	width: 640px;
+	margin-left: 0px;
+}
+
+.commit-icon-cell {
+	vertical-align: top;
+	width: 1.8em;
+}
+
+.commit-info-cell {
+	white-space:nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.commit-desc-cell {
+	line-height: 0.7;
+}
+
 .ui-style {
 	background-color: #333;
 	overflow-y: hidden;
diff --git a/kibot/resources/kiri/kiri.js b/kibot/resources/kiri/kiri.js
index f8825ffe..d4b57ac8 100644
--- a/kibot/resources/kiri/kiri.js
+++ b/kibot/resources/kiri/kiri.js
@@ -726,21 +726,19 @@ function load_commits()
         var commit_html = `
         <!-- Commit ${i} -->
         <input class="chkGroup" type="checkbox" id="${hash}" name="commit" value="${hash}" onchange="update_selected_commits(this, ${i})"${checked} order="${i}">
-        <label class="text-sm-left list-group-item" style="display: block; width: 445px; margin-left: 0px;" for="${hash}">
+        <label class="text-sm-left list-group-item commit-label" for="${hash}">
             <table data-toggle="tooltip" title="${tooltip}">
                 <tr>
-                    <td rowspan=2 style="vertical-align: top; width: 1.8em;">
-                        <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="15">
-                            <path d="M7.5 10.5a3 3 0 010-6m0 6a3 3 0 000-6m0 6V15m0-10.5V0" stroke="currentColor"></path>
-                        </svg>
+                    <td rowspan=2 class="commit-icon-cell">
+                        <span class="icon-commit"></span>
                     </td>
-                    <td style="white-space:nowrap; overflow: hidden; text-overflow: ellipsis;">
+                    <td class="commit-info-cell">
                         <span class="text-muted"> ${i02} | </span> <span class="text-success font-weight-normal">${hash}</span> <span class="text-muted"> | </span> ${sch_icon} ${pcb_icon} <span class="text-muted font-weight-normal"> | ${dt} | ${author}</span>
                     </td>
                 </tr>
                 <tr>
                     <td>
-                        <em class="${cls}" style=" line-height: 0.7;">${desc}</em>
+                        <em class="${cls} commit-desc-cell">${desc}</em>
                     </td>
                 </tr>
             </table>