style(list): note rows get the same 110px track as password rows
The note placeholder was still flex:1, so note rows' copy button sat at the far edge while password rows' sat at 110px. Same fixed track for both, full label on hover. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+3
-1
@@ -878,7 +878,9 @@ input[type="range"]::-webkit-slider-thumb {
|
||||
.entry-grid.is-list .entry-note-row { display: contents; }
|
||||
.entry-grid.is-list .entry-note-placeholder {
|
||||
order: 3;
|
||||
flex: 1;
|
||||
/* Same track as .entry-pw so note rows line their copy button up with
|
||||
the password rows'. Full text on hover via the title attr. */
|
||||
flex: 0 0 110px;
|
||||
min-width: 0;
|
||||
font-size: 11px;
|
||||
color: var(--text-dim);
|
||||
|
||||
@@ -2911,8 +2911,9 @@ function renderCard(e) {
|
||||
// copy.
|
||||
const noteRow = el('div', { class: 'entry-note-row' });
|
||||
const tplLbl = templateLabel(e.template);
|
||||
noteRow.appendChild(el('span', { class: 'entry-note-placeholder' },
|
||||
tplLbl || 'Encrypted note · click to read'));
|
||||
const noteLbl = tplLbl || 'Encrypted note · click to read';
|
||||
noteRow.appendChild(el('span',
|
||||
{ class: 'entry-note-placeholder', title: noteLbl }, noteLbl));
|
||||
// Same crypto pipeline as a password — copyPassword decrypts the
|
||||
// body and drops it in the secure clipboard.
|
||||
const copyBtn = el('button', {
|
||||
|
||||
Reference in New Issue
Block a user