diff --git a/app/assets/javascripts/cycle_analytics/components/stage_staging_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/stage_staging_component.js.es6 index 58a7f3a1f54832be31b8dfc374f07fe95759378a..b30c3a31010b60a54806de5a06838f6676685d27 100644 --- a/app/assets/javascripts/cycle_analytics/components/stage_staging_component.js.es6 +++ b/app/assets/javascripts/cycle_analytics/components/stage_staging_component.js.es6 @@ -1,7 +1,7 @@ /* eslint-disable no-param-reassign */ ((global) => { global.cycleAnalytics = global.cycleAnalytics || {}; - debugger; + global.cycleAnalytics.StageStagingComponent = Vue.extend({ props: { items: Array, diff --git a/app/assets/stylesheets/pages/cycle_analytics.scss b/app/assets/stylesheets/pages/cycle_analytics.scss index cb1294b82018ab1b6a8983bb25c9c75be517a703..8541d41bb1e788870a790ce8a931bcaeda043a94 100644 --- a/app/assets/stylesheets/pages/cycle_analytics.scss +++ b/app/assets/stylesheets/pages/cycle_analytics.scss @@ -211,9 +211,9 @@ .stage-nav-item { display: block; line-height: 65px; - border-top: solid 1px transparent; - border-bottom: solid 1px transparent; - border-right: solid 1px $border-color; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + border-right: 1px solid $border-color; background-color: $gray-light; &.active { @@ -236,7 +236,7 @@ border-bottom: none; } - > div { + .stage-nav-item-cell { float: left; &.stage-name { @@ -286,7 +286,7 @@ list-style-type: none; padding: 0 0 $gl-padding; margin: 0 $gl-padding $gl-padding; - border-bottom: solid 1px $gray-darker; + border-bottom: 1px solid $gray-darker; @include clearfix; &:last-child { diff --git a/app/views/projects/cycle_analytics/show.html.haml b/app/views/projects/cycle_analytics/show.html.haml index ce1393267eb8984c0380547e95029d36f9ad403f..580371ac00015f7447026b66e70889531cc26eae 100644 --- a/app/views/projects/cycle_analytics/show.html.haml +++ b/app/views/projects/cycle_analytics/show.html.haml @@ -66,9 +66,9 @@ %nav.stage-nav %ul %li.stage-nav-item{ ':class' => '{ active: stage.active }', '@click' => 'selectStage(stage)', "v-for" => "stage in state.stages" } - .stage-name + .stage-nav-item-cell.stage-name {{ stage.title }} - .stage-median + .stage-nav-item-cell.stage-median %template{ "v-if" => "stage.isUserAllowed" } %span{ "v-if" => "stage.value" } {{ stage.value }}