Commit c62dffbb authored by Joel Collins's avatar Joel Collins
Browse files

Added navigation labels

parent 84d29d14

src/components/genericComponents/tabIcon.vue

+21 −2
Original line number Diff line number Diff line
@@ -7,6 +7,9 @@ 
    @click="setThisTab"

  >

    <slot></slot>

    <div class="tabtitle">

      {{ title }}

    </div>

  </a>

</template>
@@ -32,9 +35,15 @@ export default { 
  },



  computed: {

    title: function() {

      // Get the last section of a fully qualified name

      var topName = this.id.split(".").pop();

      // Make first character uppercase, then add the rest of the string

      return topName.charAt(0).toUpperCase() + topName.slice(1);

    },



    tooltipOptions: function() {

      var title = this.id.charAt(0).toUpperCase() + this.id.slice(1);

      return `pos: right; title: ${title}; delay: 500`;

      return `pos: right; title: ${this.title}; delay: 500`;

    },



    classObject: function() {
@@ -69,4 +78,14 @@ export default { 
    color: @inverse-primary-muted-color !important;

  }

}



.tabtitle {

  max-width: 60px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.tabtitle a :hover {

  text-decoration: none;

}

</style>

src/components/panelLeft.vue

+2 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
    <!-- Vertical tab bar -->

    <div

      id="switcher-left"

      class="uk-flex uk-flex-column uk-padding-remove uk-width-auto uk-height-1-1"

      class="uk-flex uk-flex-column uk-padding-remove uk-width-auto uk-height-1-1 uk-text-center"

    >

      <tabIcon

        id="status"
@@ -254,7 +254,7 @@ export default { 
}



#switcher-left a {

  padding: 10px 16px;

  padding: 10px 8px;

}



#switcher-left {