From 0885794008dda8528d0861a2afcdd12b56221b43 Mon Sep 17 00:00:00 2001 From: Dimitrie Hoekstra <dimitrie@gitlab.com> Date: Fri, 6 Oct 2017 16:06:11 +0000 Subject: [PATCH] Adjust tooltips to adhere to 8px grid and make them more readable --- app/assets/stylesheets/framework.scss | 1 + app/assets/stylesheets/framework/tooltips.scss | 7 +++++++ app/assets/stylesheets/framework/variables.scss | 5 +++++ changelogs/unreleased/adjusting-tooltips.yml | 5 +++++ 4 files changed, 18 insertions(+) create mode 100644 app/assets/stylesheets/framework/tooltips.scss create mode 100644 changelogs/unreleased/adjusting-tooltips.yml diff --git a/app/assets/stylesheets/framework.scss b/app/assets/stylesheets/framework.scss index 74b846217bb..e8037c77aab 100644 --- a/app/assets/stylesheets/framework.scss +++ b/app/assets/stylesheets/framework.scss @@ -40,6 +40,7 @@ @import "framework/tables"; @import "framework/notes"; @import "framework/timeline"; +@import "framework/tooltips"; @import "framework/typography"; @import "framework/zen"; @import "framework/blank"; diff --git a/app/assets/stylesheets/framework/tooltips.scss b/app/assets/stylesheets/framework/tooltips.scss new file mode 100644 index 00000000000..93baf73cb78 --- /dev/null +++ b/app/assets/stylesheets/framework/tooltips.scss @@ -0,0 +1,7 @@ +.tooltip-inner { + font-size: $tooltip-font-size; + border-radius: $border-radius-default; + line-height: 16px; + font-weight: $gl-font-weight-normal; + padding: $gl-btn-padding; +} diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss index 60260355765..e04790ab952 100644 --- a/app/assets/stylesheets/framework/variables.scss +++ b/app/assets/stylesheets/framework/variables.scss @@ -202,6 +202,11 @@ $md-area-border: #ddd; $code_font_size: 12px; $code_line_height: 1.6; +/* + * Tooltips + */ +$tooltip-font-size: 12px; + /* * Padding */ diff --git a/changelogs/unreleased/adjusting-tooltips.yml b/changelogs/unreleased/adjusting-tooltips.yml new file mode 100644 index 00000000000..726b75caecd --- /dev/null +++ b/changelogs/unreleased/adjusting-tooltips.yml @@ -0,0 +1,5 @@ +--- +title: Adjust tooltips to adhere to 8px grid and make them more readable +merge_request: +author: +type: changed -- 2.30.9