vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Migrate to bulma-css-variables and introduce dark mode #954

Merged
konrad merged 72 commits from adrinux/frontend:bulma-css-variables into main 2021-11-22 21:12:55 +00:00
Conversation 24 Commits 72 Files Changed 73 +11 -14
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4133363fe1 - Show all commits

10
src/components/home/Logo.vue
View File

@ -7,5 +7,11 @@ const Logo = computed(() => new Date().getMonth() === 5 ? LogoFullPride : LogoFu
</script>
<template>
<Logo alt="Vikunja" />
</template>
<Logo alt="Vikunja" class="logo" />
</template>
<style lang="scss" scoped>
.logo {
color: var(--logo-text-color);
}
</style>

11
src/components/home/topNavigation.vue
View File

@ -5,7 +5,7 @@
class="navbar main-theme is-fixed-top"
role="navigation"
>
<router-link :to="{name: 'home'}" class="navbar-item logo">
<router-link :to="{name: 'home'}" class="logo-link">
<Logo width="164" height="48"/>
</router-link>
<MenuButton class="menu-button"/>
@ -142,14 +142,9 @@ $vikunja-nav-logo-full-width: 164px;
z-index: 4 !important;
}
.logo {
.logo-link {
display: none;
color: var(--logo-text-color);
&:hover, &:focus {
background-color: transparent;
color: var(--primary);
}
padding: 0.5rem 0.75rem;
dpschen marked this conversation as resolved Outdated
dpschen commented 2021-11-16 16:33:25 +00:00
Outdated
Review
Copy Link

Put this in logo.vue

Put this in logo.vue
dpschen commented 2021-11-16 17:05:59 +00:00
Outdated
Review
Copy Link

Done!

Done!
@media screen and (min-width: $tablet) {
dpschen marked this conversation as resolved Outdated
dpschen commented 2021-11-16 16:33:33 +00:00
Outdated
Review
Copy Link

This also in logo.vue

This also in logo.vue
dpschen commented 2021-11-16 17:06:05 +00:00
Outdated
Review
Copy Link

Done!

Done!
align-self: stretch;

4
src/components/misc/no-auth-wrapper.vue
View File

@ -36,8 +36,4 @@ const motd = computed(() => store.state.config.motd)
margin: 0 auto;
padding: 1rem;
}
.logo {
color: var(--logo-text-color);
}
</style>