diff options
-rw-r--r-- | content/assets/javascripts/table-display-block.js | 10 | ||||
-rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 6 | ||||
-rw-r--r-- | layouts/default.html | 5 |
3 files changed, 7 insertions, 14 deletions
diff --git a/content/assets/javascripts/table-display-block.js b/content/assets/javascripts/table-display-block.js deleted file mode 100644 index 68ec2164..00000000 --- a/content/assets/javascripts/table-display-block.js +++ /dev/null @@ -1,10 +0,0 @@ ---- -version: 2 ---- - -var tableList = document.querySelectorAll('.js-article-content table'); -tableList.forEach( - function(table) { - table.classList.add('display-block'); - } -); diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index df0dde51..a9864aec 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -98,6 +98,12 @@ table { } } +// this targets tables where the `table_display_block: true` attribute is present +// for more information: https://docs.gitlab.com/ee/development/documentation/styleguide.html#tables-overlapping-the-toc +.table-display-block table { + display: block; +} + blockquote { background-color: $blockquote-background-color; color: $blockquote-txt-color; diff --git a/layouts/default.html b/layouts/default.html index 66dba48d..34bb3a09 100644 --- a/layouts/default.html +++ b/layouts/default.html @@ -58,7 +58,7 @@ Level: <%= @item[:level] %> </div> <% end %> - <div class="article-content js-article-content" role="main" itemscope itemprop="mainContentOfPage"> + <div class="article-content js-article-content <% if @item[:table_display_block] %>table-display-block<% end %>" role="main" itemscope itemprop="mainContentOfPage"> <%= yield %> </div> <% if @item[:last_updated] %> @@ -84,9 +84,6 @@ <%# Add analytics only in production %> <%= render '/analytics.*' %> <% end %> - <% if @item[:table_display_block] %> - <script type="application/javascript" src="<%= @items['/assets/javascripts/table-display-block.*'].path %>"></script> - <% end %> <%= render '/footer.*' %> <script src="<%= @items['/assets/javascripts/docs.*'].path %>"></script> <script src="<%= @items['/assets/javascripts/global-nav.*'].path %>"></script> |