Merge pull request #1584 from segmentio/update-edit-links

DRAFT: test update to the year+ old sidebar links PR

Author: markzegarelli

README.md

@@ -33,4 +33,5 @@ For more information about contributing, see Contributing.
 - [Style Guide](#)
 - [Developer Guide](#)
 
-## License
+## License
+

_config.yml

@@ -10,6 +10,7 @@ permalink: /:categories/:title/
 
 exclude: ['js', '_site', '*.sketch']
 # Build settings
+os_links: false
 markdown: kramdown
 highlighter: rouge
 defaults:

src/_includes/icons/symbols/edit.svg

@@ -0,0 +1,15 @@
+{% if site.os_links %}
+<div>
+  <a href="https://github.com/segmentio/segment-docs/edit/master/src/{{ page.path }}" class="button edit flex no-icon" target="_blank">
+    <span class="button__icon">{% include icons/symbols/edit.svg %}</span>
+
+    <span class="button__text">Edit this page</span>
+  </a>
+
+  <a href="https://github.com/segmentio/segment-docs/issues/new?body=File:%20[{{ page.path }}](https://segment.com/docs/)" class="button edit no-icon"  target="_blank">
+    <span class="button__icon">{% include icons/symbols/plus.svg %}</span>
+
+    <span class="button__text">Request docs change</span>
+  </a>
+</div>
+{% endif %}

src/_includes/icons/symbols/plus.svg

@@ -90,6 +90,9 @@ <h1 id="{{ page.title | slugify }}">
 
         <div class="docs__sidebar page__sidebar">
           <div class="sidebar sidebar--sticky sidebar--scroll">
+            {% unless page.no-edit %}
+              {% include sidebar/edit-tools.html %}
+            {% endunless %}
             {%- unless page.hide_toc -%}
               {% if page.integration_type == 'destination' %}
                 {% if page.hide-boilerplate == true %}

src/_includes/sidebar/edit-tools.html

@@ -67,6 +67,9 @@ <h1 id="{{ page.title | slugify }}">
     {%- unless page.hide-sidebar -%}
       <div class="docs__sidebar page__sidebar">
         <div class="sidebar sidebar--sticky sidebar--scroll">
+          {% unless page.no-edit %}
+            {% include sidebar/edit-tools.html %}
+          {% endunless %}
           {%- unless page.hide_toc -%}
             <div data-anchors-indicator data-sections="h2" data-active-class="menu-side__link--active">
               {% include_cached sidebar/menu-side.html class="menu-side" anchor_class="menu-side__link" html=content h_min=2 h_max=2 %}

src/_layouts/integration.html

@@ -9,7 +9,7 @@
   border-radius: 4px;
   cursor: pointer;
 
-  @include breakpoint(medium up)  {
+  @include breakpoint(medium up) {
     padding: 8px 16px;
   }
 
@@ -23,8 +23,8 @@
 
   &__icon {
     vertical-align: middle;
-    
-    & > svg {
+
+    &>svg {
       max-width: 12px;
       max-height: 12px;
     }
@@ -34,3 +34,9 @@
     width: 100%;
   }
 }
+
+.edit {
+  padding: 8px 0px;
+  text-align: left;
+  color: #8f95b2;
+}