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

Moved buttons to manage teams and namespaces to the top (#11)

Browse source
This commit is contained in:
konrad 2018-12-20 14:27:09 +00:00 committed by Gitea
parent a3d1f4ae04
commit edbf1b4fb1
3 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/App.vue
View file

@ -9,6 +9,18 @@
</div> </div>
<div class="navbar-menu"> <div class="navbar-menu">
<div class="navbar-end"> <div class="navbar-end">
<router-link :to="{name: 'listTeams'}" class="navbar-item">
<span class="icon is-small">
<icon icon="users"/>
</span>
Teams
</router-link>
<router-link :to="{name: 'newNamespace'}" class="navbar-item">
<span class="icon is-small">
<icon icon="layer-group"/>
</span>
New Namespace
</router-link>
<span class="navbar-item">{{user.infos.username}}</span> <span class="navbar-item">{{user.infos.username}}</span>
<span class="navbar-item image"> <span class="navbar-item image">
<img :src="gravatar()" class="is-rounded" alt=""/> <img :src="gravatar()" class="is-rounded" alt=""/>
@ -26,18 +38,6 @@
<div class="box shadow" v-if="user.authenticated"> <div class="box shadow" v-if="user.authenticated">
<div class="columns"> <div class="columns">
<div class="column is-3"> <div class="column is-3">
<router-link :to="{name: 'listTeams'}" class="button is-primary is-fullwidth button-bottom">
<span class="icon is-small">
<icon icon="users"/>
</span>
Teams
</router-link>
<router-link :to="{name: 'newNamespace'}" class="button is-success is-fullwidth button-bottom">
<span class="icon is-small">
<icon icon="layer-group"/>
</span>
New Namespace
</router-link>
<aside class="menu namespaces-lists"> <aside class="menu namespaces-lists">
<p class="menu-label" v-if="loading">Loading...</p> <p class="menu-label" v-if="loading">Loading...</p>
<template v-for="n in namespaces"> <template v-for="n in namespaces">

6
src/vikunja.scss
View file

@ -24,7 +24,7 @@ h1,h2,h3,h4,h5,h6{
/* Logout-icon */ /* Logout-icon */
.logout-icon { .logout-icon {
padding-right: 2em !important; margin-right: 0.85em !important;
} }
/* Logo */ /* Logo */
@ -53,6 +53,10 @@ h1,h2,h3,h4,h5,h6{
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.navbar-menu .navbar-item .icon{
margin: 0 0.5em;
}
/* Namespaces list */ /* Namespaces list */
.namespaces-lists{ .namespaces-lists{
.menu-label { .menu-label {

4
todo.md
View file

@ -32,8 +32,8 @@
* [x] Zurück zu Home (wenn man auf das Logo klickt) * [x] Zurück zu Home (wenn man auf das Logo klickt)
* [ ] Google fonts raus (sollen von lokal geladen werden) * [ ] Google fonts raus (sollen von lokal geladen werden)
* [ ] Ladeanimationen erst nach 100ms anzeigen, sonst wird das überflüssigerweise angezeigt * [x] Ladeanimationen erst nach 100ms anzeigen, sonst wird das überflüssigerweise angezeigt
* [ ] Btns für Teams und neuer Namespace nach oben in die Leiste verschieben * [x] Btns für Teams und neuer Namespace nach oben in die Leiste verschieben
* [ ] Links an den Freigewordenen Platz Menüpunkte machen à la "Heute"/Morgen/Diese Woche etc. Da kommt dann alles rein was dann due ist. * [ ] Links an den Freigewordenen Platz Menüpunkte machen à la "Heute"/Morgen/Diese Woche etc. Da kommt dann alles rein was dann due ist.
* [ ] Andere Icons? --> Freepikkram * [ ] Andere Icons? --> Freepikkram