ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix styling of the share tab

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-08-12 11:43:51 +02:00
parent e020c2631f
commit a13e4b664d
1 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/board/SharingTabSidebard.vue
View File

@@ -23,16 +23,14 @@
{{ acl.participant.displayname }} {{ acl.participant.displayname }}
</span> </span>
<input :checked="acl.permissionEdit" type="checkbox" @click="clickEditAcl(acl)"> <Actions>
<label for="checkbox">{{ t('deck', 'Edit') }}</label> <ActionCheckbox :checked="acl.permissionEdit" @change="clickEditAcl(acl)">{{ t('deck', 'Can edit') }}</ActionCheckbox>
</Actions>
<input :checked="acl.permissionShare" type="checkbox" @click="clickShareAcl(acl)"> <Actions>
<label for="checkbox">{{ t('deck', 'Share') }}</label> <ActionCheckbox :checked="acl.permissionShare" @change="clickShareAcl(acl)">{{ t('deck', 'Can share') }}</ActionCheckbox>
<ActionCheckbox :checked="acl.permissionManage" @change="clickManageAcl(acl)">{{ t('deck', 'Can manage') }}</ActionCheckbox>
<input :checked="acl.permissionManage" type="checkbox" @click="clickManageAcl(acl)"> <ActionButton icon="icon-delete" @click="clickDeleteAcl(acl)">{{ t('deck', 'Delete') }}</ActionButton>
<label for="checkbox">{{ t('deck', 'Manage') }}</label> </Actions>
<button v-tooltip="t('deck', 'Delete')" class="icon-delete" @click="clickDeleteAcl(acl)" />
</li> </li>
</ul> </ul>
@@ -42,7 +40,7 @@
</template> </template>
<script> <script>
import { Avatar, Multiselect } from 'nextcloud-vue' import { Avatar, Multiselect, Actions, ActionButton, ActionCheckbox } from 'nextcloud-vue'
import { CollectionList } from 'nextcloud-vue-collections' import { CollectionList } from 'nextcloud-vue-collections'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
@@ -50,6 +48,9 @@ export default {
name: 'SharingTabSidebard', name: 'SharingTabSidebard',
components: { components: {
Avatar, Avatar,
Actions,
ActionButton,
ActionCheckbox,
Multiselect, Multiselect,
CollectionList CollectionList
}, },
@@ -116,3 +117,16 @@ export default {
} }
} }
</script> </script>
<style scoped>
#shareWithList {
margin-bottom: 20px;
}
#shareWithList li {
display: flex;
align-items: center;
}
.username {
padding: 12px 9px;
flex-grow: 1;
}
</style>