[KiRi] Moved the commits list style to the CSS

This commit is contained in:
Salvador E. Tropea 2023-12-28 10:04:03 -03:00
parent 80f44e21b9
commit 6f57d5d0d4
2 changed files with 40 additions and 7 deletions

View File

@ -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;

View File

@ -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>