Commit 09a9fcc9 authored by Filipa Lacerda's avatar Filipa Lacerda

Updates CSS for non a tags inside dropdown

parent 2c3065c1
...@@ -108,7 +108,7 @@ export default { ...@@ -108,7 +108,7 @@ export default {
<div <div
v-else v-else
v-tooltip v-tooltip
class="js-job-component-tooltip" class="js-job-component-tooltip non-details-job-component"
:title="tooltipText" :title="tooltipText"
:class="cssClassJobName" :class="cssClassJobName"
data-html="true" data-html="true"
......
...@@ -96,7 +96,7 @@ export default { ...@@ -96,7 +96,7 @@ export default {
axios axios
.get(this.stage.dropdown_path) .get(this.stage.dropdown_path)
.then(({ data }) => { .then(({ data }) => {
this.dropdownContent = data; this.dropdownContent = data.latest_statuses;
this.isLoading = false; this.isLoading = false;
}) })
.catch(() => { .catch(() => {
...@@ -117,7 +117,7 @@ export default { ...@@ -117,7 +117,7 @@ export default {
*/ */
stopDropdownClickPropagation() { stopDropdownClickPropagation() {
$( $(
this.$el.querySelectorAll('.js-builds-dropdown-list a.mini-pipeline-graph-dropdown-item') this.$el.querySelectorAll('.js-builds-dropdown-list a.mini-pipeline-graph-dropdown-item'),
).on('click', e => { ).on('click', e => {
e.stopPropagation(); e.stopPropagation();
}); });
...@@ -183,7 +183,7 @@ export default { ...@@ -183,7 +183,7 @@ export default {
<li <li
v-for="job in dropdownContent" v-for="job in dropdownContent"
:key="job.id" :key="job.id"
> >
<job-component <job-component
:job="job" :job="job"
css-class-job-name="mini-pipeline-graph-dropdown-item" css-class-job-name="mini-pipeline-graph-dropdown-item"
......
...@@ -48,7 +48,6 @@ export default () => { ...@@ -48,7 +48,6 @@ export default () => {
.catch(() => { .catch(() => {
this.requestFinishedFor = action; this.requestFinishedFor = action;
Flash(__('An error occurred while making the request.')); Flash(__('An error occurred while making the request.'));
eventHub.$emit('graphActionFinished', action);
}); });
}, },
}, },
......
...@@ -805,6 +805,11 @@ button.mini-pipeline-graph-dropdown-toggle { ...@@ -805,6 +805,11 @@ button.mini-pipeline-graph-dropdown-toggle {
line-height: $line-height-base; line-height: $line-height-base;
white-space: nowrap; white-space: nowrap;
// Match dropdown.scss for all `a` tags
&.non-details-job-component {
padding: 8px 16px;
}
.ci-job-name-component { .ci-job-name-component {
align-items: center; align-items: center;
display: flex; display: flex;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment