local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Rename .noshadow to .has-no-shadow

Browse source
This commit is contained in:
kolaente 2021-01-17 13:21:58 +01:00
parent e960202607
commit 4f872c92d8
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
18 changed files with 48 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/home/topNavigation.vue
View file

@ -44,7 +44,7 @@
<img :src="userAvatar" alt="" class="avatar"/>
<div class="dropdown is-right is-active">
<div class="dropdown-trigger">
<button @click.stop="userMenuActive = !userMenuActive" class="button noshadow">
<button @click.stop="userMenuActive = !userMenuActive" class="button has-no-shadow">
<span class="username">{{ userInfo.name !== '' ? userInfo.name : userInfo.username }}</span>
<span class="icon is-small">
<icon icon="chevron-down"/>

2
src/components/home/update.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="update-notification" v-if="updateAvailable">
<p>There is an update for Vikunja available!</p>
<a @click="refreshApp()" class="button is-primary noshadow">Update Now</a>
<a @click="refreshApp()" class="button is-primary has-no-shadow">Update Now</a>
</div>
</template>

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-text has-text-danger is-inverted noshadow underline-none">Cancel</router-link>
<router-link :to="{name: 'home'}" class="button is-text has-text-danger is-inverted has-no-shadow underline-none">Cancel</router-link>
</div>
</div>
<div v-else>

2
src/components/misc/notification.vue
View file

@ -19,7 +19,7 @@
<button
:key="'action_'+i"
@click="action.callback"
class="button noshadow is-small" v-for="(action, i) in props.item.data.actions">
class="button has-no-shadow is-small" v-for="(action, i) in props.item.data.actions">
{{ action.title }}
</button>
</div>

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-text has-text-danger is-inverted noshadow underline-none">Cancel</button>
<button @click="$emit('submit')" class="button is-primary noshadow">Do it!</button>
<button @click="$emit('close')" class="button is-text has-text-danger is-inverted has-no-shadow underline-none">Cancel</button>
<button @click="$emit('submit')" class="button is-primary has-no-shadow">Do it!</button>
</div>
</slot>
</div>

2
src/components/sharing/linkSharing.vue
View file

@ -44,7 +44,7 @@
<input :value="getShareLink(s.hash)" class="input" readonly type="text"/>
</div>
<div class="control">
<a @click="copy(getShareLink(s.hash))" class="button is-primary noshadow" v-tooltip="'Copy to clipboard'">
<a @click="copy(getShareLink(s.hash))" class="button is-primary has-no-shadow" v-tooltip="'Copy to clipboard'">
<span class="icon">
<icon icon="paste"/>
</span>

2
src/components/tasks/gantt-component.vue
View file

@ -124,7 +124,7 @@
v-model="newTaskTitle"
/>
</transition>
<button @click="showCreateNewTask" class="button is-primary noshadow">
<button @click="showCreateNewTask" class="button is-primary has-no-shadow">
<span class="icon is-small">
<icon icon="plus"/>
</span>

13
src/styles/theme/form.scss
View file

@ -58,19 +58,6 @@
color: $white;
}
&.noshadow {
&,
&.is-hovered,
&:hover,
&.is-active,
&.is-focused,
&:active,
&:focus,
&:focus:not(:active) {
box-shadow: none;
}
}
&.is-small {
border-radius: $radius;
}

38
src/styles/theme/theme.scss
View file

@ -1,10 +1,13 @@
@import '../../../node_modules/bulma/bulma';
@import "../../../node_modules/bulma/bulma";
@import 'fonts';
@import "fonts";
@import 'variables-derived';
@import "variables-derived";
*, *:hover, *:active, *:focus {
*,
*:hover,
*:active,
*:focus {
outline: none;
}
@ -16,12 +19,13 @@
outline: 0;
}
:focus-visible, :-moz-focusring {
:focus-visible,
:-moz-focusring {
box-shadow: 0 0 0 2px rgba($primary, 0.5);
}
body {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
background: url("../../public/images/llama.svg") no-repeat bottom left fixed $light-background;
min-height: 100vh;
@media screen and (max-width: $tablet) {
@ -31,13 +35,17 @@ body {
}
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $vikunja-font;
font-weight: 400 !important;
}
.logo {
padding-left: 2rem !important;
img {
@ -81,7 +89,8 @@ button.table {
.pagination {
padding-bottom: 1em;
.pagination-previous, .pagination-next {
.pagination-previous,
.pagination-next {
&:not(:disabled):hover {
background: $button-background-color;
cursor: pointer;
@ -96,7 +105,16 @@ button.table {
}
.has-no-shadow {
box-shadow: none !important;
&,
&.is-hovered,
&:hover,
&.is-active,
&.is-focused,
&:active,
&:focus,
&:focus:not(:active) {
box-shadow: none !important;
}
}
.is-fullwidth {

2
src/views/labels/NewLabel.vue
View file

@ -15,7 +15,7 @@
v-model="label.title"/>
</p>
<p class="control">
<button class="button is-primary noshadow" type="submit">
<button class="button is-primary has-no-shadow" type="submit">
<span class="icon is-small">
<icon icon="plus"/>
</span>

2
src/views/list/NewList.vue
View file

@ -18,7 +18,7 @@
v-model="list.title"/>
</p>
<p class="control">
<button :disabled="list.title === ''" @click="newList()" class="button is-primary noshadow">
<button :disabled="list.title === ''" @click="newList()" class="button is-primary has-no-shadow">
<span class="icon is-small">
<icon icon="plus"/>
</span>

4
src/views/list/views/Kanban.vue
View file

@ -193,7 +193,7 @@
</div>
<a
@click="toggleShowNewTaskInput(bucket.id)"
class="button noshadow is-transparent is-fullwidth has-text-centered"
class="button has-no-shadow is-transparent is-fullwidth has-text-centered"
v-if="!showNewTaskInput[bucket.id]">
<span class="icon is-small">
<icon icon="plus"/>
@ -224,7 +224,7 @@
/>
<a
@click="() => showNewBucketInput = true"
class="button noshadow is-transparent is-fullwidth has-text-centered" v-if="!showNewBucketInput">
class="button has-no-shadow is-transparent is-fullwidth has-text-centered" v-if="!showNewBucketInput">
<span class="icon is-small">
<icon icon="plus"/>
</span>

2
src/views/list/views/List.vue
View file

@ -21,7 +21,7 @@
<button
:class="{'is-loading': taskCollectionService.loading}"
@click="searchTasks"
class="button noshadow is-primary">
class="button has-no-shadow is-primary">
Search
</button>
</div>

2
src/views/namespaces/NewNamespace.vue
View file

@ -18,7 +18,7 @@
v-model="namespace.title"/>
</p>
<p class="control">
<button :disabled="namespace.title === ''" @click="newNamespace()" class="button is-primary noshadow">
<button :disabled="namespace.title === ''" @click="newNamespace()" class="button is-primary has-no-shadow">
<span class="icon is-small">
<icon icon="plus"/>
</span>

6
src/views/tasks/ShowTasks.vue
View file

@ -30,9 +30,9 @@
/>
</h3>
<div v-if="!showAll">
<a @click="showTodaysTasks()" class="button noshadow mr-2">Today</a>
<a @click="setDatesToNextWeek()" class="button noshadow mr-2">Next Week</a>
<a @click="setDatesToNextMonth()" class="button noshadow">Next Month</a>
<a @click="showTodaysTasks()" class="button has-no-shadow mr-2">Today</a>
<a @click="setDatesToNextWeek()" class="button has-no-shadow mr-2">Next Week</a>
<a @click="setDatesToNextMonth()" class="button has-no-shadow">Next Month</a>
</div>
<template v-if="!taskService.loading && (!hasUndoneTasks || !tasks || tasks.length === 0)">
<h3 class="nothing">Nothing to do - Have a nice day!</h3>

2
src/views/tasks/TaskDetailView.vue
View file

@ -319,7 +319,7 @@
<span class="icon is-small"><icon icon="fill-drip"/></span>
Set task color
</a>
<a @click="showDeleteModal = true" class="button is-danger is-outlined noshadow has-no-border">
<a @click="showDeleteModal = true" class="button is-danger is-outlined has-no-shadow has-no-border">
<span class="icon is-small"><icon icon="trash-alt"/></span>
Delete task
</a>

2
src/views/teams/NewTeam.vue
View file

@ -16,7 +16,7 @@
v-model="team.name"/>
</p>
<p class="control">
<button class="button is-primary noshadow" type="submit">
<button class="button is-primary has-no-shadow" type="submit">
<span class="icon is-small">
<icon icon="plus"/>
</span>

2
src/views/user/Settings.vue
View file

@ -248,7 +248,7 @@
<input type="text" v-model="caldavUrl" class="input" readonly/>
</div>
<div class="control">
<a @click="copy(caldavUrl)" class="button is-primary noshadow" v-tooltip="'Copy to clipboard'">
<a @click="copy(caldavUrl)" class="button is-primary has-no-shadow" v-tooltip="'Copy to clipboard'">
<span class="icon">
<icon icon="paste"/>
</span>