Shrink breadcrumbs and print primary name

This commit is contained in:
Simone Gotti 2019-05-07 00:27:44 +02:00
parent fb3509fc9d
commit b16dd420e6
5 changed files with 31 additions and 38 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<nav class="breadcrumb is-large" aria-label="breadcrumbs"> <nav class="breadcrumb" aria-label="breadcrumbs">
<ul> <ul>
<li> <li>
<a>{{ownertype}}</a> <a>{{ownertype}}</a>

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<nav class="breadcrumb is-large" aria-label="breadcrumbs"> <nav class="breadcrumb" aria-label="breadcrumbs">
<ul> <ul>
<li> <li>
<a>org</a> <a>org</a>
@ -10,6 +10,11 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="name">
<span class="is-size-3">{{orgname}}</span>
</div>
<div class="tabs"> <div class="tabs">
<ul> <ul>
<li :class="[{ 'is-active': $route.name === 'org projects' || $route.name === 'org' }]"> <li :class="[{ 'is-active': $route.name === 'org projects' || $route.name === 'org' }]">
@ -46,16 +51,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/css/_variables.scss"; @import "@/css/_variables.scss";
.org-title { .name {
display: flex;
align-items: center;
padding-left: 5px; padding-left: 5px;
margin-bottom: 25px; margin-bottom: 25px;
.org-name {
color: $grey-dark;
padding-left: 5px;
font-size: 1.5rem;
padding-right: 1rem;
}
} }
</style> </style>

View File

@ -1,6 +1,11 @@
<template> <template>
<div> <div>
<projbreadcrumbs :ownertype="ownertype" :ownername="ownername" :projectref="projectref"/> <projbreadcrumbs :ownertype="ownertype" :ownername="ownername" :projectref="projectref"/>
<div class="name">
<span class="is-size-3">{{projectName()}}</span>
</div>
<div class="tabs"> <div class="tabs">
<ul> <ul>
<li> <li>
@ -141,7 +146,10 @@ export default {
projectPRsRunsLink: projectPRsRunsLink, projectPRsRunsLink: projectPRsRunsLink,
projectRunLink: projectRunLink, projectRunLink: projectRunLink,
projectRunTaskLink: projectRunTaskLink, projectRunTaskLink: projectRunTaskLink,
projectSettingsLink: projectSettingsLink projectSettingsLink: projectSettingsLink,
projectName() {
return this.projectref[this.projectref.length - 1];
}
}, },
created: async function() { created: async function() {
if (this.$route.params.runid) { if (this.$route.params.runid) {
@ -154,15 +162,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/css/_variables.scss"; @import "@/css/_variables.scss";
.user-title { .name {
display: flex;
align-items: center;
padding-left: 5px; padding-left: 5px;
margin-bottom: 25px; margin-bottom: 25px;
.user-name {
padding-left: 5px;
font-size: 1.5rem;
padding-right: 1rem;
}
} }
</style> </style>

View File

@ -6,6 +6,11 @@
:ownername="ownername" :ownername="ownername"
:projectgroupref="projectgroupref" :projectgroupref="projectgroupref"
/> />
<div class="name">
<span class="is-size-3">{{projectgroupref[projectgroupref.length-1]}}</span>
</div>
<div class="tabs"> <div class="tabs">
<ul> <ul>
<li <li
@ -80,15 +85,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/css/_variables.scss"; @import "@/css/_variables.scss";
.user-title { .name {
display: flex;
align-items: center;
padding-left: 5px; padding-left: 5px;
margin-bottom: 25px; margin-bottom: 25px;
.user-name {
padding-left: 5px;
font-size: 1.5rem;
padding-right: 1rem;
}
} }
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<nav class="breadcrumb is-large" aria-label="breadcrumbs"> <nav class="breadcrumb" aria-label="breadcrumbs">
<ul> <ul>
<li> <li>
<a>user</a> <a>user</a>
@ -10,6 +10,11 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="name">
<span class="is-size-3">{{username}}</span>
</div>
<div class="tabs"> <div class="tabs">
<ul> <ul>
<li :class="[{ 'is-active': $route.name === 'user projects' || $route.name === 'user' }]"> <li :class="[{ 'is-active': $route.name === 'user projects' || $route.name === 'user' }]">
@ -124,16 +129,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/css/_variables.scss"; @import "@/css/_variables.scss";
.user-title { .name {
display: flex;
align-items: center;
padding-left: 5px; padding-left: 5px;
margin-bottom: 25px; margin-bottom: 25px;
.user-name {
color: $grey-dark;
padding-left: 5px;
font-size: 1.5rem;
padding-right: 1rem;
}
} }
</style> </style>