Improve visuals of language bar on projects

994cc25b · Dimitrie Hoekstra · Phil Hughes · 72f73124 · 994cc25b · 994cc25b
Commit 994cc25b authored Aug 13, 2018 by Dimitrie Hoekstra Committed by Phil Hughes Aug 13, 2018
Showing with 18 additions and 2 deletions

app/assets/stylesheets/pages/projects.scss app/assets/stylesheets/pages/projects.scss +13 -2

changelogs/unreleased/visual-improvements-language-bar.yml changelogs/unreleased/visual-improvements-language-bar.yml +5 -0

No files found.
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -754,8 +754,19 @@
 }

 .repository-languages-bar {
-  height: 6px;
-  margin-bottom: 8px;
+  height: 8px;
+  margin-bottom: $gl-padding-8;
+  background-color: $white-light;
+  border-radius: $border-radius-default;
+
+  .progress-bar {
+    margin-right: 2px;
+    padding: 0 $gl-padding-4;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
 }

 pre.light-well {

--- a/changelogs/unreleased/visual-improvements-language-bar.yml
+++ b/changelogs/unreleased/visual-improvements-language-bar.yml
+---
+title: Improve visuals of language bar on projects
+merge_request: 21006
+author:
+type: changed