From 1b1bccdbee71ebd2fd7bf32f8f9ed826453037d9 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Mon, 16 Jan 2017 12:36:49 -0500
Subject: [PATCH] Fixes big pipeline and small pipeline width problems Fixes
tooltips text being outside the tooltip
Adds MR id to changelog
Fix linter error
---
app/assets/stylesheets/pages/pipelines.scss | 10 ++++++----
.../26667-pipeline-width-for-huge-pipeline.yml | 4 ++++
2 files changed, 10 insertions(+), 4 deletions(-)
create mode 100644 changelogs/unreleased/26667-pipeline-width-for-huge-pipeline.yml
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 8861315d776..8dff22e32bd 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -44,8 +44,8 @@
.pipeline-info,
.pipeline-commit,
- .pipeline-actions,
- .pipeline-stages {
+ .pipeline-stages,
+ .pipeline-actions {
width: 20%;
}
}
@@ -185,6 +185,7 @@
.stage-cell {
font-size: 0;
+ padding: 10px 4px;
> .stage-container > div > button > span > svg,
> .stage-container > button > svg {
@@ -202,8 +203,8 @@
position: relative;
margin-right: 6px;
- .tooltip {
- white-space: nowrap;
+ .tooltip-inner {
+ padding: 3px 4px;
}
&:not(:last-child) {
@@ -348,6 +349,7 @@
padding: $gl-padding;
white-space: nowrap;
transition: max-height 0.3s, padding 0.3s;
+ overflow: auto;
.stage-column-list,
.builds-container > ul {
diff --git a/changelogs/unreleased/26667-pipeline-width-for-huge-pipeline.yml b/changelogs/unreleased/26667-pipeline-width-for-huge-pipeline.yml
new file mode 100644
index 00000000000..08dcc5c3e8c
--- /dev/null
+++ b/changelogs/unreleased/26667-pipeline-width-for-huge-pipeline.yml
@@ -0,0 +1,4 @@
+---
+title: Fixes big pipeline and small pipeline width problems and tooltips text being outside the tooltip
+merge_request: 8593
+author:
--
GitLab