diff options
author | David O'Regan <doregan@gitlab.com> | 2021-11-21 19:22:01 +0300 |
---|---|---|
committer | David O'Regan <doregan@gitlab.com> | 2021-11-21 19:22:01 +0300 |
commit | 647bfe6d32b6cc771d2d5940cd27652b7fd6dd66 (patch) | |
tree | 802c327b314be8339333d8ed69ed6720eb4f47d5 | |
parent | c18cbc97183f5be7af777d324a2718e840a4f77d (diff) |
feat: allow sticky header
-rw-r--r-- | content/assets/stylesheets/_tables.scss | 4 | ||||
-rw-r--r-- | layouts/default.html | 2 | ||||
-rw-r--r-- | layouts/header.html | 2 |
3 files changed, 4 insertions, 4 deletions
diff --git a/content/assets/stylesheets/_tables.scss b/content/assets/stylesheets/_tables.scss index c728f7d4..fc7755d3 100644 --- a/content/assets/stylesheets/_tables.scss +++ b/content/assets/stylesheets/_tables.scss @@ -1,5 +1,5 @@ --- -version: 5 +version: 6 --- @import 'variables'; @@ -53,7 +53,7 @@ table { position: sticky; vertical-align: top; z-index: 1; - top: 0; + top: $header-height; box-shadow: 0 3px 0 0 var(--color-auto-gray-4); padding: 12px 8px; border: 0; diff --git a/layouts/default.html b/layouts/default.html index f04a5daf..49da148d 100644 --- a/layouts/default.html +++ b/layouts/default.html @@ -8,7 +8,7 @@ <body itemscope itemtype="http://schema.org/WebPage" data-spy="scroll" data-target="#doc-nav" data-offset="90"> <%= render '/gtm.*' %> <%= render '/header.*' %> - <section class="gl-docs container-fluid"> + <section class="gl-docs container-fluid mt-5"> <div class="row"> <div class="col-0 col-xl-2 pl-0"> <div class="nav-wrapper active"> diff --git a/layouts/header.html b/layouts/header.html index 1eecbf54..5c1b3130 100644 --- a/layouts/header.html +++ b/layouts/header.html @@ -1,4 +1,4 @@ -<nav class="navbar navbar-expand-md navbar-dark py-lg-0"> +<nav class="navbar navbar-expand-md navbar-dark py-lg-0 fixed-top"> <a class="navbar-brand d-flex align-items-center justify-content-center" href="/"> <img src="<%= @items['/assets/images/gitlab-logo.svg'].path %>" alt="GitLab documentation home" class="logo" /> <span class="d-none d-lg-block px-2">GitLab</span> <strong class="pl-2 pl-lg-0 pt-0">Docs</strong> |