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

Fix namespace actions alignment in the menu

Browse source
This commit is contained in:
kolaente 2021-01-16 22:33:49 +01:00
parent b644c00f59
commit aa5d0d437d
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 45 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/components/home/navigation.vue
View file

@ -50,26 +50,7 @@
<aside class="menu namespaces-lists loader-container" :class="{'is-loading': loading}"> <aside class="menu namespaces-lists loader-container" :class="{'is-loading': loading}">
<template v-for="n in namespaces"> <template v-for="n in namespaces">
<div :key="n.id"> <div :key="n.id" class="namespace-title">
<router-link
:to="{name: 'namespace.edit', params: {id: n.id} }"
class="nsettings"
v-if="n.id > 0"
v-tooltip="'Settings'">
<span class="icon">
<icon icon="cog"/>
</span>
</router-link>
<router-link
:key="n.id + 'list.create'"
:to="{ name: 'list.create', params: { id: n.id} }"
class="nsettings"
v-if="n.id > 0"
v-tooltip="'Add a new list in the ' + n.title + ' namespace'">
<span class="icon">
<icon icon="plus"/>
</span>
</router-link>
<label <label
:for="n.id + 'checker'" :for="n.id + 'checker'"
class="menu-label" class="menu-label"
@ -83,6 +64,25 @@
{{ n.title }} ({{ n.lists.filter(l => !l.isArchived).length }}) {{ n.title }} ({{ n.lists.filter(l => !l.isArchived).length }})
</span> </span>
</label> </label>
<div class="actions">
<router-link
:key="n.id + 'list.create'"
:to="{ name: 'list.create', params: { id: n.id} }"
v-if="n.id > 0"
v-tooltip="'Add a new list in the ' + n.title + ' namespace'">
<span class="icon">
<icon icon="plus"/>
</span>
</router-link>
<router-link
:to="{name: 'namespace.edit', params: {id: n.id} }"
v-if="n.id > 0"
v-tooltip="'Settings'">
<span class="icon">
<icon icon="cog"/>
</span>
</router-link>
</div>
</div> </div>
<input <input
:id="n.id + 'checker'" :id="n.id + 'checker'"

32
src/styles/theme/navigation.scss
View file

@ -141,12 +141,9 @@
color: $grey; color: $grey;
font-weight: 500; font-weight: 500;
min-height: 2.5em; min-height: 2.5em;
padding-top: $navbar-padding * 0.3; padding-top: 0;
padding-left: $navbar-padding; padding-left: $navbar-padding;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
@ -198,9 +195,30 @@
} }
} }
.nsettings { .namespace-title {
float: right; display: flex;
padding: 10px 0.3em 0; align-items: center;
justify-content: space-between;
.menu-label {
margin-bottom: 0;
flex: 1 1 auto;
.name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.actions {
flex: 0 0 auto;
a {
color: $vikunja-nav-color;
padding: 0 .25rem;
}
}
} }
.menu-label, .nsettings, .menu-list span.list-menu-link, .menu-list a { .menu-label, .nsettings, .menu-list span.list-menu-link, .menu-list a {