Desktop, Mobile: Resolves #16724: Label the note list padlock on desktop and match its colour to the title on mobile (#16725)

This commit is contained in:
Keshav authored and GitHub committed 2026-10-02 16:49:21 +01:00
1 parent b1c43ccce9
commit 7fb04b0a11
4 files changed
+7 -4

No files matched your search

@@ -190,7 +190,7 @@ const defaultLeftToRightItemRenderer: ListRenderer = {
{{/note.is_todo}}
{{#note.syncDisabled}}<i class="syncdisabledicon" role="img" aria-label="{{note.syncDisabledLabel}}"></i>{{/note.syncDisabled}}
<i class="watchedicon fa fa-share-square"></i>
{{#note.is_locked}}<i class="lockedicon fa fa-lock"></i>{{/note.is_locked}}
{{#note.is_locked}}<i class="lockedicon fa fa-lock" role="img" aria-label="{{note.lockedLabel}}"></i>{{/note.is_locked}}
<div class="titlecontent">{{note.title}}</div>
</div>
<div class="preview">{{notePreview}}</div>
@@ -206,6 +206,7 @@ const defaultLeftToRightItemRenderer: ListRenderer = {
note: {
...props.note,
is_locked: isLocked,
lockedLabel: _('Locked'),
syncDisabled: isSyncDisabledConflict(props.note),
syncDisabledLabel: _('Local only'),
},
@@ -205,7 +205,7 @@ const renderer: ListRenderer = {
<div class="title" data-id="{{note.id}}">
{{#note.syncDisabled}}<i class="syncdisabledicon" role="img" aria-label="{{note.syncDisabledLabel}}"></i>{{/note.syncDisabled}}
<i class="watchedicon fa fa-share-square"></i>
{{#note.is_locked}}<i class="lockedicon fa fa-lock"></i>{{/note.is_locked}}
{{#note.is_locked}}<i class="lockedicon fa fa-lock" role="img" aria-label="{{note.lockedLabel}}"></i>{{/note.is_locked}}
<span>{{note.title}}</span>
</div>
{{#checkboxStats}}
@@ -227,6 +227,7 @@ const renderer: ListRenderer = {
note: {
...props.note,
is_locked: isNoteLockEnabled() ? props.note.is_locked : 0,
lockedLabel: _('Locked'),
syncDisabled: isSyncDisabledConflict(props.note),
syncDisabledLabel: _('Local only'),
},
@@ -140,7 +140,7 @@ const renderer: ListRenderer = {
{{#cells}}
<div data-name="{{name}}" class="item" style="{{{styleHtml}}}">
<div class="content">
<i class="syncdisabledicon" role="img" aria-label="{{note.syncDisabledLabel}}"></i><i class="watchedicon fa fa-share-square"></i><i class="lockedicon fa fa-lock"></i>{{{contentHtml}}}
<i class="syncdisabledicon" role="img" aria-label="{{note.syncDisabledLabel}}"></i><i class="watchedicon fa fa-share-square"></i><i class="lockedicon fa fa-lock" role="img" aria-label="{{note.lockedLabel}}"></i>{{{contentHtml}}}
</div>
</div>
{{/cells}}
@@ -183,6 +183,7 @@ const renderer: ListRenderer = {
note: {
...props.note,
is_locked: isNoteLockEnabled() ? props.note.is_locked : 0,
lockedLabel: _('Locked'),
syncDisabled: isSyncDisabledConflict(props.note),
syncDisabledLabel: _('Local only'),
},