From 4db5f4ac04d53884fb766bf2cdeaa591d8e21d77 Mon Sep 17 00:00:00 2001 From: Filipa Lacerda Date: Mon, 6 May 2019 13:23:13 +0100 Subject: Aligns the play button for stages --- .../pipelines/components/graph/stage_column_component.vue | 2 +- app/assets/stylesheets/pages/pipelines.scss | 5 +++++ changelogs/unreleased/61469-align-play-icon.yml | 5 +++++ 3 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 changelogs/unreleased/61469-align-play-icon.yml diff --git a/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue b/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue index 7e611b93087..d5c124dc0ca 100644 --- a/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue +++ b/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue @@ -61,7 +61,7 @@ export default { :action-icon="action.icon" :tooltip-text="action.title" :link="action.path" - class="js-stage-action position-absolute position-top-0 rounded" + class="js-stage-action stage-action position-absolute position-top-0 rounded" @pipelineActionRequestComplete="pipelineActionRequestComplete" /> diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss index 96fdf74267e..12a3b8c88f3 100644 --- a/app/assets/stylesheets/pages/pipelines.scss +++ b/app/assets/stylesheets/pages/pipelines.scss @@ -702,6 +702,11 @@ } } } + + .stage-action svg { + left: 1px; + top: -2px; + } } // Triggers the dropdown in the big pipeline graph diff --git a/changelogs/unreleased/61469-align-play-icon.yml b/changelogs/unreleased/61469-align-play-icon.yml new file mode 100644 index 00000000000..a118da29703 --- /dev/null +++ b/changelogs/unreleased/61469-align-play-icon.yml @@ -0,0 +1,5 @@ +--- +title: Vertically aligns the play button for stages +merge_request: +author: +type: fixed -- cgit v1.2.1