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

fix: Style new card input and buttons

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2023-11-11 20:18:23 +01:00
parent f16240388d
commit b360ba66c0
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/board/Stack.vue
View File

@@ -409,7 +409,7 @@ export default {
z-index: 100; z-index: 100;
display: flex; display: flex;
margin-top: 5px; margin-top: 5px;
margin-bottom: 20px; margin-bottom: 8px;
background-color: var(--color-main-background); background-color: var(--color-main-background);
form { form {
@@ -417,7 +417,7 @@ export default {
margin-left: 12px; margin-left: 12px;
margin-right: 12px; margin-right: 12px;
width: 100%; width: 100%;
box-shadow: 0 0 3px var(--color-box-shadow); border: 2px solid var(--color-border);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
overflow: hidden; overflow: hidden;
padding: 2px; padding: 2px;

12
src/components/card/AttachmentList.vue
View File

@@ -23,12 +23,12 @@
<template> <template>
<AttachmentDragAndDrop :card-id="cardId" class="drop-upload--sidebar"> <AttachmentDragAndDrop :card-id="cardId" class="drop-upload--sidebar">
<div v-if="!isReadOnly" class="button-group"> <div v-if="!isReadOnly" class="button-group">
<button class="icon-upload" @click="uploadNewFile()"> <NcButton class="icon-upload" @click="uploadNewFile()">
{{ t('deck', 'Upload new files') }} {{ t('deck', 'Upload new files') }}
</button> </NcButton>
<button class="icon-folder" @click="shareFromFiles()"> <NcButton class="icon-folder" @click="shareFromFiles()">
{{ t('deck', 'Share from Files') }} {{ t('deck', 'Share from Files') }}
</button> </NcButton>
</div> </div>
<input ref="filesAttachment" <input ref="filesAttachment"
type="file" type="file"
@@ -103,7 +103,7 @@
<script> <script>
import axios from '@nextcloud/axios' import axios from '@nextcloud/axios'
import { NcActions, NcActionButton, NcActionLink } from '@nextcloud/vue' import { NcActions, NcActionButton, NcActionLink, NcButton } from '@nextcloud/vue'
import AttachmentDragAndDrop from '../AttachmentDragAndDrop.vue' import AttachmentDragAndDrop from '../AttachmentDragAndDrop.vue'
import relativeDate from '../../mixins/relativeDate.js' import relativeDate from '../../mixins/relativeDate.js'
import { formatFileSize } from '@nextcloud/files' import { formatFileSize } from '@nextcloud/files'
@@ -128,6 +128,7 @@ export default {
NcActions, NcActions,
NcActionButton, NcActionButton,
NcActionLink, NcActionLink,
NcButton,
AttachmentDragAndDrop, AttachmentDragAndDrop,
}, },
mixins: [relativeDate, attachmentUpload], mixins: [relativeDate, attachmentUpload],
@@ -267,6 +268,7 @@ export default {
.button-group { .button-group {
display: flex; display: flex;
gap: calc(var(--default-grid-baseline) * 3);
.icon-upload, .icon-folder { .icon-upload, .icon-folder {
padding-left: 44px; padding-left: 44px;