nextcloud
/
bookmarks
mirror of https://github.com/nextcloud/bookmarks
0
0
Fork 0
Code Issues Releases Wiki Activity

Fix Bookmarklet UI 

fixes #2028

Signed-off-by: Marcel Klehr <mklehr@gmx.net>
This commit is contained in:
Marcel Klehr 2023-08-16 17:02:33 +02:00
parent 7fb1a6a9ce
commit c9153a22e7
1 changed files with 50 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ViewBookmarklet.vue
View File

@ -6,6 +6,7 @@
<template>
<NcContent app-name="bookmarks">
<NcAppContent>
<div class="bookmarklet">
<h2><figure :class="loading? 'icon-loading-small' : 'icon-link'" /> {{ t('bookmarks', 'Add a bookmark') }}</h2>
<div v-if="exists" class="bookmarklet__exists">
@ -46,11 +47,12 @@
<span class="icon-confirm-white" />{{ t('bookmarks', 'Save') }}
</button>
</div>
</NcAppContent>
</NcContent>
</template>
<script>
import { NcContent, NcMultiselect } from '@nextcloud/vue'
import { NcContent, NcAppContent, NcMultiselect } from '@nextcloud/vue'
import { actions } from '../store/index.js'
import FolderPickerDialog from './FolderPickerDialog.vue'
@ -60,6 +62,7 @@ export default {
FolderPickerDialog,
NcContent,
NcMultiselect,
NcAppContent,
},
props: {
title: {
@ -177,7 +180,13 @@ figure[class^=icon-] {
.bookmarklet label {
margin-top: 10px;
display: block;
display: flex;
align-items: center;
align-content: space-evenly;
}
.bookmarklet label :last-child {
margin-left: 10px;
}
.bookmarklet input {