From b16dd420e684c9135311d4d70fb7ed08735cf4d9 Mon Sep 17 00:00:00 2001
From: Simone Gotti <simone.gotti@gmail.com>
Date: Tue, 7 May 2019 00:27:44 +0200
Subject: [PATCH] Shrink breadcrumbs and print primary name

---
 src/components/projbreadcrumbs.vue |  2 +-
 src/views/Org.vue                  | 17 +++++++----------
 src/views/Project.vue              | 19 ++++++++++---------
 src/views/ProjectGroup.vue         | 14 ++++++--------
 src/views/User.vue                 | 17 +++++++----------
 5 files changed, 31 insertions(+), 38 deletions(-)

diff --git a/src/components/projbreadcrumbs.vue b/src/components/projbreadcrumbs.vue
index 944343b..0c3d602 100644
--- a/src/components/projbreadcrumbs.vue
+++ b/src/components/projbreadcrumbs.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="breadcrumb is-large" aria-label="breadcrumbs">
+  <nav class="breadcrumb" aria-label="breadcrumbs">
     <ul>
       <li>
         <a>{{ownertype}}</a>
diff --git a/src/views/Org.vue b/src/views/Org.vue
index 39a2f95..084e742 100644
--- a/src/views/Org.vue
+++ b/src/views/Org.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <nav class="breadcrumb is-large" aria-label="breadcrumbs">
+    <nav class="breadcrumb" aria-label="breadcrumbs">
       <ul>
         <li>
           <a>org</a>
@@ -10,6 +10,11 @@
         </li>
       </ul>
     </nav>
+
+    <div class="name">
+      <span class="is-size-3">{{orgname}}</span>
+    </div>
+
     <div class="tabs">
       <ul>
         <li :class="[{ 'is-active': $route.name === 'org projects' || $route.name === 'org' }]">
@@ -46,16 +51,8 @@ export default {
 <style scoped lang="scss">
 @import "@/css/_variables.scss";
 
-.org-title {
-  display: flex;
-  align-items: center;
+.name {
   padding-left: 5px;
   margin-bottom: 25px;
-  .org-name {
-    color: $grey-dark;
-    padding-left: 5px;
-    font-size: 1.5rem;
-    padding-right: 1rem;
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/Project.vue b/src/views/Project.vue
index 0b8e73e..fe89476 100644
--- a/src/views/Project.vue
+++ b/src/views/Project.vue
@@ -1,6 +1,11 @@
 <template>
   <div>
     <projbreadcrumbs :ownertype="ownertype" :ownername="ownername" :projectref="projectref"/>
+
+    <div class="name">
+      <span class="is-size-3">{{projectName()}}</span>
+    </div>
+
     <div class="tabs">
       <ul>
         <li>
@@ -141,7 +146,10 @@ export default {
     projectPRsRunsLink: projectPRsRunsLink,
     projectRunLink: projectRunLink,
     projectRunTaskLink: projectRunTaskLink,
-    projectSettingsLink: projectSettingsLink
+    projectSettingsLink: projectSettingsLink,
+    projectName() {
+      return this.projectref[this.projectref.length - 1];
+    }
   },
   created: async function() {
     if (this.$route.params.runid) {
@@ -154,15 +162,8 @@ export default {
 <style scoped lang="scss">
 @import "@/css/_variables.scss";
 
-.user-title {
-  display: flex;
-  align-items: center;
+.name {
   padding-left: 5px;
   margin-bottom: 25px;
-  .user-name {
-    padding-left: 5px;
-    font-size: 1.5rem;
-    padding-right: 1rem;
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/ProjectGroup.vue b/src/views/ProjectGroup.vue
index b95fac3..b84aa4e 100644
--- a/src/views/ProjectGroup.vue
+++ b/src/views/ProjectGroup.vue
@@ -6,6 +6,11 @@
       :ownername="ownername"
       :projectgroupref="projectgroupref"
     />
+
+    <div class="name">
+      <span class="is-size-3">{{projectgroupref[projectgroupref.length-1]}}</span>
+    </div>
+
     <div class="tabs">
       <ul>
         <li
@@ -80,15 +85,8 @@ export default {
 <style scoped lang="scss">
 @import "@/css/_variables.scss";
 
-.user-title {
-  display: flex;
-  align-items: center;
+.name {
   padding-left: 5px;
   margin-bottom: 25px;
-  .user-name {
-    padding-left: 5px;
-    font-size: 1.5rem;
-    padding-right: 1rem;
-  }
 }
 </style>
diff --git a/src/views/User.vue b/src/views/User.vue
index c0d966f..e05a8b6 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <nav class="breadcrumb is-large" aria-label="breadcrumbs">
+    <nav class="breadcrumb" aria-label="breadcrumbs">
       <ul>
         <li>
           <a>user</a>
@@ -10,6 +10,11 @@
         </li>
       </ul>
     </nav>
+
+    <div class="name">
+      <span class="is-size-3">{{username}}</span>
+    </div>
+
     <div class="tabs">
       <ul>
         <li :class="[{ 'is-active': $route.name === 'user projects' || $route.name === 'user' }]">
@@ -124,16 +129,8 @@ export default {
 <style scoped lang="scss">
 @import "@/css/_variables.scss";
 
-.user-title {
-  display: flex;
-  align-items: center;
+.name {
   padding-left: 5px;
   margin-bottom: 25px;
-  .user-name {
-    color: $grey-dark;
-    padding-left: 5px;
-    font-size: 1.5rem;
-    padding-right: 1rem;
-  }
 }
 </style>
\ No newline at end of file