change ugly checkbox to a list element that doesn't look too much out of place

This commit is contained in:
Henry Jameson 2022-08-24 20:24:21 +03:00
parent cf714c2756
commit 8c48a56a89
2 changed files with 15 additions and 7 deletions

View File

@ -96,14 +96,21 @@
:show-pin="editMode || forceEditMode" :show-pin="editMode || forceEditMode"
:item="item" :item="item"
/> />
<div <li
v-if="!forceEditMode && currentUser" v-if="!forceEditMode && currentUser"
class="panel-footer"
> >
<Checkbox v-model="editMode"> <button
{{ $t('nav.edit_pinned') }} class="menu-item button-unstyled"
</Checkbox> @click="toggleEditMode"
</div> >
<FAIcon
fixed-width
class="fa-scale-110"
:icon="editMode ? 'check' : 'wrench'"
/>
{{ editMode ? $t('nav.edit_finish') : $t('nav.edit_pinned') }}
</button>
</li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -156,7 +156,8 @@
"chats": "Chats", "chats": "Chats",
"lists": "Lists", "lists": "Lists",
"edit_nav_mobile": "Customize navigation bar", "edit_nav_mobile": "Customize navigation bar",
"edit_pinned": "Edit pinned items" "edit_pinned": "Edit pinned items",
"edit_finish": "Done editing"
}, },
"notifications": { "notifications": {
"broken_favorite": "Unknown status, searching for it…", "broken_favorite": "Unknown status, searching for it…",