Shrink breadcrumbs and print primary name
This commit is contained in:
parent
fb3509fc9d
commit
b16dd420e6
|
@ -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>
|
||||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue