Merge pull request #161 from james-baber/fixed-docs-webkit-and-footer-bug

fixed footer and webkit bug in documentation site

Author: james-baber

docs/_includes/head.html

@@ -2,6 +2,11 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="only">
+
+  <!--  Preview image-->
+  <link rel="image_src" href="https://epicgames.github.io/BlenderTools/assets/images/send2ue-preview-01.jpg" />
+
   {%- seo -%}
   <!-- Bootstrap CSS CDN -->
   <link rel="stylesheet" href="{{ '/assets/css/prism.css' | relative_url }}">

docs/_includes/scripts.html

@@ -92,6 +92,7 @@
 
 <!--Addition Styling to Markdown-->
 <script>
+
     // Add dividers before h2 and h3 headers
     $( "<div class='line'></div>" ).insertBefore('.container-fluid h2');
     $( "<div class='line'></div>" ).insertBefore('.container-fluid h3');

docs/_includes/side-nav.html

@@ -1,28 +1,28 @@
 
 <nav id="sidebar">
     <div class="sidebar-header">
-        <a style="color: #ffffff" class="sidebar-title" href="{{ /index.html | relative_url }}"><h1 style="margin-left: -15px; font-size: 25px" >{{ site.title | escape }}</h1></a>
+        <a class="sidebar-title" href="{{ /index.html | relative_url }}"><h1 style="margin-left: -15px; font-size: 25px" >{{ site.title | escape }}</h1></a>
     </div>
 
     <ul class="list-unstyled components">
         {% for category in site.data.side-nav.categories %}
         <li>
-        <a style="text-decoration: none; color: #999" href="#{{ category.title | remove: ' '}}" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle sidebar-section">{{ category.title }}</a>
+        <a href="#{{ category.title | remove: ' '}}" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle sidebar-section">{{ category.title }}</a>
         <ul class="collapse {% if page.url contains category.folder %}show{% endif %} list-unstyled" id="{{ category.title | remove: ' '}}">
 
         <li>
             {% for menu in category.menus %}
             {% if menu.submenus %}
-            <a style="text-decoration: none; color: #999" href="#{{ category.title | append: menu.title | remove: ' '}}" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">{{ menu.title }}</a>
+            <a class="sidebar-sub-menu dropdown-toggle" href="#{{ category.title | append: menu.title | remove: ' '}}" data-toggle="collapse" aria-expanded="false">{{ menu.title }}</a>
             <ul class="collapse {% if page.url contains menu.folder %}show{% endif %} list-unstyled" id="{{ category.title | append: menu.title | remove: ' '}}">
                 {% for submenu in menu.submenus %}
                 <li>
-                    <a style="text-decoration: none; background: #1f1f1f; color: #999" href="{{ submenu.url | relative_url }}">{{ submenu.title }}</a>
+                    <a class="sidebar-sub-item" href="{{ submenu.url | relative_url }}">{{ submenu.title }}</a>
                 </li>
                 {% endfor %}
             </ul>
             {% else %}
-              <a style="text-decoration: none; color: #999" href="{{ menu.url | relative_url }}">{{ menu.title }}</a>
+              <a class="sidebar-item" href="{{ menu.url | relative_url }}">{{ menu.title }}</a>
             {% endif %}
             {% endfor %}
         </li>

docs/_layouts/default.html

@@ -12,8 +12,8 @@
             {%- include header.html -%}
             <div class="container-fluid">
                 {{ content }}
+                {%- include footer.html -%}
             </div>
-            {%- include footer.html -%}
         </div>
     </main>
     {%- include scripts.html -%}

docs/assets/css/style.scss

@@ -77,9 +77,13 @@ a, a:hover, a:focus {
     min-width: 250px;
     max-width: 250px;
     background: #3f3f3f;
-    color: #fff;
+    color: #ffffff !important;
     transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
     transform-origin: bottom left;
+    text-decoration: none;
+    -webkit-text-fill-color: #ffffff;
+    -webkit-opacity: 1;
+
 }
 
 #footer {
@@ -101,15 +105,55 @@ a, a:hover, a:focus {
     transform: translateX(-250);
 }
 
+#sidebar .sidebar-title {
+    margin: 30px;
+    text-align: center;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
+}
+
 #sidebar .sidebar-header {
     padding-top: 20px;
     padding-left: 20px;
     padding-bottom: 0px;
-    background: #3f3f3f;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
 }
 
 #sidebar .sidebar-section {
     background: #1f1f1f;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
+}
+
+#sidebar .sidebar-item {
+    background: #2f2f2f;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
+}
+
+#sidebar .sidebar-sub-menu {
+    background: #1f1f1f;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
+}
+
+#sidebar .sidebar-sub-item {
+    background: #3f3f3f;
+    color: inherit;
+    text-decoration: inherit;
+    -webkit-text-fill-color: inherit;
+    -webkit-opacity: inherit;
 }
 
 #sidebar ul.components {
@@ -126,9 +170,9 @@ a, a:hover, a:focus {
     font-size: 1.1em;
     display: block;
 }
-#sidebar ul li a:hover {
+#sidebar a:hover {
     color: #3f3f3f;
-    background: #fff;
+    background: #9f9f9f;
 }
 
 #sidebar ul li.active > a, a[aria-expanded="true"] {
@@ -271,11 +315,15 @@ a.article, a.article:hover {
     #search-doc {
         left: -2%;
     }
+    #footer {
+        visibility: visible;
+    }
 }
 
-a.sidebar-title {
-    margin: 30px;
-    text-align: center;
+@media (max-width: 992px) {
+    #footer {
+        visibility: hidden;
+    }
 }
 
 .highlighter-rouge .highlight {
@@ -286,6 +334,3 @@ a.sidebar-title {
     height: 100%;
 }
 
-
-
-

docs/contributing/development.md

@@ -36,7 +36,7 @@ Clone your fork and checkout that branch:
 
     git clone https://github.com/<your-user-name>/BlenderTools.git
     cd BlenderTools
-    git checkout <some-task-branch>`
+    git checkout <some-task-branch>
 
 ## Testing your changes
 While developing, you will want to be able to rapidly test your new changes. You can do this by running this script in the Blender text editor.