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

Updated button spacing in namespaces overview

Browse source
This commit is contained in:
kolaente 2018-09-14 19:45:56 +02:00
parent 9c9036f0c3
commit 6190fe0ae5
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 31 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/App.vue
View file

@ -37,21 +37,24 @@
</span> </span>
New Namespace New Namespace
</router-link> </router-link>
<aside class="menu"> <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">
<p class="menu-label" :key="n.id"> <div :key="n.id">
<router-link :to="{name: 'editNamespace', params: {id: n.id} }" class="icon nsettings"> <router-link :to="{name: 'editNamespace', params: {id: n.id} }" class="button nsettings">
<icon icon="cog"/> <span class="icon">
<icon icon="cog"/>
</span>
</router-link> </router-link>
{{n.name}} <router-link :to="{ name: 'newList', params: { id: n.id} }" class="button is-success nsettings" :key="n.id + 'newList'">
</p> <span class="icon">
<router-link :to="{ name: 'newList', params: { id: n.id} }" class="button is-success is-fullwidth button-bottom" :key="n.id + 'newList'"> <icon icon="plus"/>
<span class="icon is-small"> </span>
<icon icon="list-ol"/> </router-link>
</span> <div class="menu-label">
New List {{n.name}}
</router-link> </div>
</div>
<ul class="menu-list" :key="n.id + 'child'"> <ul class="menu-list" :key="n.id + 'child'">
<li v-for="l in n.lists" :key="l.id"> <li v-for="l in n.lists" :key="l.id">
<router-link :to="{ name: 'showList', params: { id: l.id} }">{{l.title}}</router-link> <router-link :to="{ name: 'showList', params: { id: l.id} }">{{l.title}}</router-link>
@ -179,9 +182,21 @@
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/* Namespace settings */ /* Namespaces list */
.nsettings{ .namespaces-lists{
vertical-align: middle; .menu-label {
float: right; font-size: 1em;
font-weight: 400;
min-height: 2.5em;
padding-top: 0.3em;
}
/* Namespace settings */
.button{
vertical-align: middle;
float: right;
margin-left: 0.5rem;
min-width: 2.648em;
}
} }
</style> </style>