fix(apk): l'icone se pose a cote du titre de l'en-tete, le nom n'est plus ecrit deux fois
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -233,6 +233,7 @@
|
||||
|
||||
/* --- detail ------------------------------------------------------------ */
|
||||
.head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; }
|
||||
.head .av { width: 30px; height: 30px; font-size: 13px; flex: 0 0 auto; }
|
||||
.head h1 { flex: 1; margin: 0; font-size: 19px; font-weight: 600;
|
||||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.field {
|
||||
@@ -588,6 +589,7 @@
|
||||
<div class="screen" id="detail">
|
||||
<div class="head">
|
||||
<button class="btn ico-btn back-btn" id="back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-label="Back" role="img"><path d="M20 12H5M11 5l-7 7 7 7"/></svg></button>
|
||||
<div class="av" id="dav" hidden></div>
|
||||
<h1 id="dtitle"></h1>
|
||||
<button class="btn ico-btn" id="pencil" aria-label="Edit entry"></button>
|
||||
<button class="btn ico-btn" id="kebab" aria-label="Entry menu"></button>
|
||||
@@ -1073,6 +1075,7 @@ function renderDetail(d) {
|
||||
document.getElementById('dtitle').textContent = d.title || '';
|
||||
document.getElementById('kebab').hidden = false;
|
||||
document.getElementById('pencil').hidden = false;
|
||||
document.getElementById('dav').hidden = true;
|
||||
var html = '', i;
|
||||
if (d.totp)
|
||||
html += '<div class="field totp" id="totp"><div class="cap">2FA code</div>'
|
||||
@@ -1385,6 +1388,7 @@ function openNewEntry() {
|
||||
closeMenu();
|
||||
document.getElementById('kebab').hidden = true;
|
||||
document.getElementById('pencil').hidden = true;
|
||||
document.getElementById('dav').hidden = true;
|
||||
document.getElementById('fields').innerHTML =
|
||||
'<div class="form">'
|
||||
+ '<div class="field"><div class="cap">Kind</div><div class="line">'
|
||||
@@ -1523,14 +1527,12 @@ function openEditEntry() {
|
||||
// L'ICONE ET LE NOM EN TETE : on voit ce qu'on modifie, et surtout ce que
|
||||
// les trois boutons d'en dessous vont remplacer.
|
||||
var d = lastDetail;
|
||||
var av = document.getElementById('dav');
|
||||
av.hidden = false;
|
||||
av.className = 'av' + (d.icon ? ' has-img' : '');
|
||||
av.innerHTML = d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || '');
|
||||
var html = '<div class="form">'
|
||||
+ '<div class="field"><div class="line" style="gap:12px">'
|
||||
+ '<div class="av' + (d.icon ? ' has-img' : '') + '">'
|
||||
+ (d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || ''))
|
||||
+ '</div>'
|
||||
+ '<div class="val" style="font-size:16px;font-weight:600">'
|
||||
+ esc(d.title || '') + '</div></div>'
|
||||
+ '<div class="line" style="margin-top:8px">'
|
||||
+ '<div class="field"><div class="cap">Icon</div><div class="line">'
|
||||
+ '<button class="btn" data-iconact="fetch">From site</button>'
|
||||
+ '<button class="btn" data-iconact="pick">Image...</button>'
|
||||
+ '<button class="btn" data-iconact="clear">Remove</button>'
|
||||
|
||||
Reference in New Issue
Block a user