ami/tl-vikunja
1
0
Fork 0
Code Activity

Use buttons more consistently

Browse Source
This commit is contained in:
kolaente
2021-01-17 13:04:49 +01:00
parent 0102709d92
commit e960202607
21 changed files with 45 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/input/colorPicker.vue
View File

@ -16,7 +16,7 @@
model="hex"
picker="square"
v-model="color"/>
<a @click="reset" class="reset">
<a @click="reset" class="button has-no-shadow is-small ml-2">
Reset Color
</a>
</div>

2
src/components/input/datepicker.vue
View File

@ -98,7 +98,7 @@
/>
<a
class="button is-outlined is-primary has-no-shadow is-fullwidth"
class="button is-primary has-no-shadow is-fullwidth"
@click="close"
>
Confirm

20
src/components/input/editor.vue
View File

@ -1,14 +1,16 @@
<template>
<div :class="{'is-pulled-up': isEditEnabled}" class="editor">
<div class="tabs is-right" v-if="hasPreview && isEditEnabled && !hasEditBottom">
<ul>
<li>
<a v-if="!isEditActive" @click="toggleEdit">Edit</a>
<a v-else @click="toggleEdit">Done</a>
</li>
</ul>
<div class="is-pulled-right mb-4" v-if="hasPreview && isEditEnabled && !hasEditBottom">
<a v-if="!isEditActive" @click="toggleEdit" class="button has-no-shadow">
<icon icon="pen"/>
</a>
<a v-else @click="toggleEdit" class="button has-no-shadow">
Done
</a>
</div>
<div class="clear"></div>
<vue-easymde
:configs="config"
@change="bubble"
@ -416,8 +418,8 @@ export default {
@import '../../styles/theme/variables';
.editor {
.tabs ul {
margin-left: 0;
.clear {
clear: both;
}
.preview.content ul li input[type="checkbox"] {

2
src/components/list/partials/background-settings.vue
View File

@ -50,7 +50,7 @@
<a
:disabled="backgroundService.loading"
@click="() => searchBackgrounds(currentPage + 1)"
class="button is-primary is-centered is-load-more-button is-outlined noshadow"
class="button is-centered is-load-more-button has-no-shadow mt-4"
v-if="backgroundSearchResult.length > 0"
>
<template v-if="backgroundService.loading">

2
src/components/migrator/migration.vue
View File

@ -39,7 +39,7 @@
</p>
<div class="buttons">
<button @click="migrate" class="button is-primary">I am sure, please start migrating now!</button>
<router-link :to="{name: 'home'}" class="button is-danger is-outlined">Cancel</router-link>
<router-link :to="{name: 'home'}" class="button is-text has-text-danger is-inverted noshadow underline-none">Cancel</router-link>
</div>
</div>
<div v-else>

4
src/components/modal/modal.vue
View File

@ -11,8 +11,8 @@
<slot name="text"></slot>
</div>
<div class="actions">
<button @click="$emit('close')" class="button is-danger is-inverted noshadow">Cancel</button>
<button @click="$emit('submit')" class="button is-success noshadow">Do it!</button>
<button @click="$emit('close')" class="button is-text has-text-danger is-inverted noshadow underline-none">Cancel</button>
<button @click="$emit('submit')" class="button is-primary noshadow">Do it!</button>
</div>
</slot>
</div>

2
src/components/tasks/edit-task.vue
View File

@ -138,7 +138,7 @@
class="is-narrow"
/>
<button :class="{ 'is-loading': taskService.loading}" class="button is-success is-fullwidth" type="submit">
<button :class="{ 'is-loading': taskService.loading}" class="button is-primary is-fullwidth" type="submit">
Save
</button>

6
src/components/tasks/partials/defer-task.vue
View File

@ -2,9 +2,9 @@
<div :class="{'is-loading': taskService.loading}" class="defer-task loading-container">
<label class="label">Defer due date</label>
<div class="defer-days">
<button @click="() => deferDays(1)" class="button is-outlined is-primary has-no-shadow">1 day</button>
<button @click="() => deferDays(3)" class="button is-outlined is-primary has-no-shadow">3 days</button>
<button @click="() => deferDays(7)" class="button is-outlined is-primary has-no-shadow">1 week</button>
<button @click="() => deferDays(1)" class="button has-no-shadow">1 day</button>
<button @click="() => deferDays(3)" class="button has-no-shadow">3 days</button>
<button @click="() => deferDays(7)" class="button has-no-shadow">1 week</button>
</div>
<flat-pickr
:class="{ 'disabled': taskService.loading}"