Add animation to navbar border

9059b99b · Annabel Dunstone Gray · 5e9625bf · 9059b99b
Commit 9059b99b authored Apr 27, 2017 by Annabel Dunstone Gray
Hide whitespace changes
Inline Side-by-side

Showing with 3 additions and 2 deletions

app/assets/stylesheets/framework/header.scss app/assets/stylesheets/framework/header.scss +3 -2

No files found.
--- a/app/assets/stylesheets/framework/header.scss
+++ b/app/assets/stylesheets/framework/header.scss
@@ -23,6 +23,7 @@ header {
  }

  &.navbar-gitlab {
+    @include transition(border-color 150ms ease-in-out);
    padding: 0 16px;
    z-index: 100;
    margin-bottom: 0;
@@ -39,11 +40,11 @@ header {
    }

    &.with-horizontal-nav {
-      border-bottom: none;
+      border-color: transparent;
    }

    &.scroll {
-      border-bottom: 1px solid $border-color;
+      border-color: $border-color;
    }

    .container-fluid {