Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-docs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDavid O'Regan <doregan@gitlab.com>2021-11-21 19:22:01 +0300
committerDavid O'Regan <doregan@gitlab.com>2021-11-21 19:22:01 +0300
commit647bfe6d32b6cc771d2d5940cd27652b7fd6dd66 (patch)
tree802c327b314be8339333d8ed69ed6720eb4f47d5
parentc18cbc97183f5be7af777d324a2718e840a4f77d (diff)
feat: allow sticky header
-rw-r--r--content/assets/stylesheets/_tables.scss4
-rw-r--r--layouts/default.html2
-rw-r--r--layouts/header.html2
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>