diff options
author | David O'Regan <doregan@gitlab.com> | 2020-11-17 09:01:13 +0300 |
---|---|---|
committer | Evan Read <eread@gitlab.com> | 2020-11-17 09:01:13 +0300 |
commit | 3582d889a601444d2118896ed59e947a05b0dcac (patch) | |
tree | a33819e2355f70c46e26c6840926c231f2513caf /layouts/default.html | |
parent | 5f11c2ad21e111fdd6701e17b520883710e4809e (diff) |
Resolve "Right TOC should not resize"
Diffstat (limited to 'layouts/default.html')
-rw-r--r-- | layouts/default.html | 200 |
1 files changed, 116 insertions, 84 deletions
diff --git a/layouts/default.html b/layouts/default.html index b2d83614..76fabb4e 100644 --- a/layouts/default.html +++ b/layouts/default.html @@ -1,88 +1,120 @@ + + <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" prefix="og: http://ogp.me/ns#"> -<head> -<%= render '/head.*' %> -<%= render '/canonical_urls.*' %> -</head> -<body itemscope itemtype="http://schema.org/WebPage" data-spy="scroll" data-target="#doc-nav" data-offset="90"> - <%= render '/gtm.*' %> - <%= render '/header.*' %> - <div id="js-version-banner" <%= 'data-is-outdated' if show_version_banner? %> data-latest-version-url='<%= @item.identifier.without_ext + '.html' %>' data-archives-url="/archives/"></div> - - <div class="wrapper d-flex justify-content-center"> - <div class="nav-wrapper active"> - <aside id="global-nav" class="global-nav"> - <% if ENV['CI_PROJECT_NAME'] == 'gitlab-docs' or ENV['CI_PROJECT_NAME'].nil? %> - <%= render '/global_nav.*' %> - <% end %> - </aside> - <div id="js-nav-toggle"></div> - </div> - <div class="main class js-main-wrapper"> - <% if @config[:show_banner] %> - <div class="d-lg-block"> - <%= render '/banner.*' %> - </div> - <% end %> - <div class="d-none d-lg-block"> - <%= render '/breadcrumbs.*' %> + <head> + <%= render '/head.*' %> + <%= render '/canonical_urls.*' %> + </head> + <body itemscope itemtype="http://schema.org/WebPage" data-spy="scroll" data-target="#doc-nav" data-offset="90"> + <%= render '/gtm.*' %> + <%= render '/header.*' %> + <section class="container-fluid"> + <div class="row"> + <div class="col-0 col-lg-2 pl-0"> + <div class="nav-wrapper active"> + <aside id="global-nav" class="global-nav"> + <% if ENV['CI_PROJECT_NAME'] == 'gitlab-docs' or ENV['CI_PROJECT_NAME'].nil? %> + <%= render '/global_nav.*' %> + <% end %> + </aside> + <div id="js-nav-toggle"></div> + </div> + </div> + <div class="main wrapper js-main-wrapper col-12 col-lg-7"> + <div class="row"> + <div class="col"> + <div id="js-version-banner" <%= 'data-is-outdated' if show_version_banner? %> data-latest-version-url='<%= @item.identifier.without_ext + '.html' %>' data-archives-url="/archives/"></div> + </div> + </div> + <div class="row"> + <div class="col"> + <% if @config[:show_banner] %> + <div class="d-lg-block"> + <%= render '/banner.*' %> + </div> + <% end %> + </div> + </div> + <div class="row"> + <div class="col"> + <%= render '/breadcrumbs.*' %> + </div> + </div> + <div class="row d-lg-none"> + <div class="col"> + <div class="doc-nav"></div> + </div> + </div> + <div class="row"> + <div class="col"> + <% if @item[:title] %> + <h1 class="article-title" itemprop="name"> + <%= @item[:title] %><%= @item[:title_badge] %> + </h1> + <% end %> + <div class="article-metadata"> + <% if @item[:author] and @item[:author_gitlab] %> + Article written by <a href="https://gitlab.com/<%= @item[:author_gitlab] %>" target="_blank"><%= @item[:author] %></a> + • + <% end %> + <% if @item[:date] %> + on <%= @item[:date] %> + • + <% end %> + <% if @item[:article_type] %> + Type: <%= @item[:article_type] %> + <% end %> + <% if @item[:level] %> + Level: <%= @item[:level] %> + • + <% end %> + <% if @item[:last_updated] %> + Last updated: <%= @item[:last_updated] %> + • + <% end %> + <% if @item[:reading_time] %> + <%= reading_time(item.raw_content.split.size) %> to read + <% end %> + </div> + <div class="article-content js-article-content" role="main" itemscope itemprop="mainContentOfPage"> + <%= yield %> + </div> + </div> + </div> + <div class="row px-4"> + <div class="col"> + <%= render '/feedback.*' %> + </div> + </div> + <div class="row"> + <div class="col"> + <%= render '/footer.*' %> + </div> + </div> + </div> + <div class="col-3 py-3 d-none d-lg-flex"> + <div id="doc-nav" class="doc-nav w-100"></div> + </div> </div> - <% if @item[:title] %> - <h1 class="article-title" itemprop="name"> - <%= @item[:title] %><%= @item[:title_badge] %> - </h1> - <% end %> - <div class="article-metadata"> - <% if @item[:author] and @item[:author_gitlab] %> - Article written by <a href="https://gitlab.com/<%= @item[:author_gitlab] %>" target="_blank"><%= @item[:author] %></a> - • - <% end %> - <% if @item[:date] %> - on <%= @item[:date] %> - • - <% end %> - <% if @item[:article_type] %> - Type: <%= @item[:article_type] %> - <% end %> - <% if @item[:level] %> - Level: <%= @item[:level] %> - • - <% end %> - <% if @item[:last_updated] %> - Last updated: <%= @item[:last_updated] %> - • - <% end %> - <% if @item[:reading_time] %> - <%= reading_time(item.raw_content.split.size) %> to read - <% end %> - </div> - <div class="article-content js-article-content" role="main" itemscope itemprop="mainContentOfPage"> - <%= yield %> - </div> - <%= render '/feedback.*' %> - <%= render '/footer.*' %> - </div> - <div id="doc-nav" class="doc-nav"></div> - <div class="d-lg-none"> - <%= render '/breadcrumbs.*' %> - </div> - </div> - <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha512-ubuT8Z88WxezgSqf3RLuNi5lmjstiJcyezx34yIU2gAHonIi27Na7atqzUZCOoY4CExaoFumzOsFQ2Ch+I/HCw==" crossorigin="anonymous"></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> - <script src="<%= @items['/assets/javascripts/toggle_popover.*'].path %>"></script> - <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> - <script type="application/javascript" src="<%= @items['/assets/javascripts/clipboardjs.*'].path %>"></script> - <script type="application/javascript" src="<%= @items['/assets/javascripts/badges.*'].path %>"></script> - <%= render '/docsearch.*' %> - <script src="<%= @items['/assets/javascripts/mermaid.*'].path %>"></script> - <% if is_production? %> - <%# Add analytics only in production %> - <%= render '/analytics.*' %> - <% end %> - <script src="<%= @items['/assets/javascripts/docs.*'].path %>"></script> - <script src="<%= @items['/assets/javascripts/global-nav.*'].path %>"></script> - <script src="<%= @items['/assets/javascripts/tables.*'].path %>"></script> - <script src="<%= @items['/frontend/default/default.*'].path %>" data-cookieconsent="ignore"></script> -</body> + </section> + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha512-ubuT8Z88WxezgSqf3RLuNi5lmjstiJcyezx34yIU2gAHonIi27Na7atqzUZCOoY4CExaoFumzOsFQ2Ch+I/HCw==" crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> + <script src="<%= @items['/assets/javascripts/toggle_popover.*'].path %>"></script> + <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> + <script type="application/javascript" src="<%= @items['/assets/javascripts/clipboardjs.*'].path %>"></script> + <script type="application/javascript" src="<%= @items['/assets/javascripts/badges.*'].path %>"></script> + <%= render '/docsearch.*' %> + <script src="<%= @items['/assets/javascripts/mermaid.*'].path %>"></script> + <% if is_production? %> + <%# Add analytics only in production %> + <%= render '/analytics.*' %> + <% end %> + <script src="<%= @items['/assets/javascripts/docs.*'].path %>"></script> + <script src="<%= @items['/assets/javascripts/global-nav.*'].path %>"></script> + <script src="<%= @items['/assets/javascripts/tables.*'].path %>"></script> + <script src="<%= @items['/frontend/default/default.*'].path %>" data-cookieconsent="ignore"></script> + </body> </html> + |