summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2017-02-10 15:27:45 +0000
committerFilipa Lacerda <filipa@gitlab.com>2017-02-10 15:29:23 +0000
commit6b762b9af7dcb09cbd4c5a3eee1164e31255a7a3 (patch)
treeb5b468560330fac54c055e966f5a642d2934cee2
parent199b17e5569015bf76ddd9364fc555a3a385c564 (diff)
downloadgitlab-ce-6b762b9af7dcb09cbd4c5a3eee1164e31255a7a3.tar.gz
Fix tooltip scss for anchors.
Adds css for button's tooltips to have similar behavior. Removes padding from mini graph table cell to guarantee stages don't break line on hover
-rw-r--r--app/assets/stylesheets/pages/pipelines.scss14
-rw-r--r--changelogs/unreleased/27963-tooltips-jobs.yml4
2 files changed, 14 insertions, 4 deletions
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 974100bdff0..0c7019dc64f 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -94,6 +94,10 @@
padding: 10px 8px;
}
+ td.stage-cell {
+ padding: 10px 0;
+ }
+
.commit-link {
padding: 9px 8px 10px;
}
@@ -291,12 +295,14 @@
height: 22px;
margin: 3px 6px 3px 0;
- .tooltip {
- white-space: nowrap;
+ // Hack to show a button tooltip inline
+ button.has-tooltip + .tooltip {
+ min-width: 105px;
}
- .tooltip-inner {
- padding: 3px 4px;
+ // Bootstrap way of showing the content inline for anchors.
+ a.has-tooltip {
+ white-space: nowrap;
}
&:not(:last-child) {
diff --git a/changelogs/unreleased/27963-tooltips-jobs.yml b/changelogs/unreleased/27963-tooltips-jobs.yml
new file mode 100644
index 00000000000..ba418d86433
--- /dev/null
+++ b/changelogs/unreleased/27963-tooltips-jobs.yml
@@ -0,0 +1,4 @@
+---
+title: Fix tooltips in mini pipeline graph
+merge_request:
+author: