Merge pull request #811 from mpourismaiel/v0.17.3

Release v0.17.3

Author: stp-ip

.github/workflows/cypress.yml

@@ -17,7 +17,7 @@ jobs:
     - name: Setup Hugo
       uses: peaceiris/actions-hugo@v2
       with:
-        hugo-version: '0.60.1'
+        hugo-version: '0.72.0'
 
     - name: Cypress run
       uses: cypress-io/github-action@v1

.gitignore

@@ -1,6 +1,7 @@
 node_modules
 yarn-error.log
 exampleSite/public/*
+exampleSite/hugo_stats.json
 cypress/videos
 cypress/plugins
 cypress/screenshots

.seed-config.yaml

@@ -6,7 +6,7 @@ project:
   oneLiner: 'Highly customizable open source theme for Hugo based static websites'
   description: |
     Create your next website with Syna.
-  version: 'v0.17.2'
+  version: 'v0.17.3'
 
 vision:
   type: 'community'

CHANGELOG.md

@@ -15,6 +15,35 @@ _2018_
 
 -->
 
+# v0.17.3
+
+_2020-07-25_
+
+- [Downloads for v0.17.3](https://syna.okkur.org/releases/v0.17.3)
+- [Changelog since v0.17.2](#changes-since-v0172)
+
+## Documentation for v0.17.3
+
+[Documentation](https://syna.okkur.org/docs) _Documentation defaults to latest release_
+
+## Changes since v0.17.2
+
+- list: Update whitespace in list mode [776](https://github.com/okkur/syna/pull/776)
+- portfolio: Add support for background image on portfolio overlays [802](https://github.com/okkur/syna/pull/802)
+- repositories_hithub: Added new fragment to fetch and display user repositories from Github [803](https://github.com/okkur/syna/pull/803)
+- Update documentation
+- Added more tests
+
+## Fixes since v0.17.2
+
+- nav: Add support for nested menus by adding dropdowns [781](https://github.com/okkur/syna/pull/781)
+- nav: Fix the bug that prevented search from working if there were multiple nav fragments in one page [782](https://github.com/okkur/syna/pull/782)
+- content: Fix sticky sidebar issues [788](https://github.com/okkur/syna/pull/788)
+- items: Fix overflowing image issue [794](https://github.com/okkur/syna/pull/794)
+- Fix multilingual pages not showing subitems of fragments in non default language page [800](https://github.com/okkur/syna/pull/800)
+
+---
+
 # v0.17.2
 
 _2020-06-01_

VERSION

@@ -1 +1 @@
-v0.17.2
+v0.17.3

assets/js/content.js

@@ -0,0 +1,18 @@
+const sidebarContent = document.querySelector('.content-sidebar .sticky-top .content-sidebar-body');
+
+if (sidebarContent) {
+  const sidebarContentParent = sidebarContent.parentElement;
+  const sidebarContentParentPadding = parseInt(getComputedStyle(sidebarContentParent).paddingTop, 10);
+  const headerHeight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--header-height'), 10);
+
+  document.addEventListener('scroll', function() {
+    const sidebarTop = sidebarContentParent.getBoundingClientRect().top;
+    let extraPadding = 0;
+
+    if (sidebarTop <= headerHeight) {
+      extraPadding = headerHeight;
+    }
+
+    sidebarContentParent.style.setProperty('padding-top', extraPadding + sidebarContentParentPadding + 'px', 'important');
+  });
+}

assets/js/helpers/jq-helpers.js

@@ -101,7 +101,7 @@ function $(selector) {
     submit: () => nodes.forEach((node) => node.submit()),
     serialize: (json = false) => {
       if (nodes.length > 1) {
-        throw new Error("Can't serialize forms at once");
+        throw new Error("Can't serialize multiple forms at once");
       }
 
       if (json) {
@@ -158,4 +158,8 @@ $.ajax = function ajax({
 
 $.post = (url, data, options) => $.ajax({ method: 'post', url, data, options });
 
+if (window && window.testingMode) {
+  window.jqHelpers = $
+}
+
 export default $;

assets/js/index.js

@@ -25,8 +25,10 @@ $(document)
   .on('click', '.dropdown-item', (e) => {
     const dropdown = e.target.parentElement;
     const button = $(dropdown.parentElement).$('.dropdown-toggle');
-    button.text(e.target.innerText);
-    button.attr('data-value', e.target.dataset.value);
+    if (!button.$nodes[0].classList.contains('nav-link')) {
+      button.text(e.target.innerText);
+      button.attr('data-value', e.target.dataset.value);
+    }
     $(dropdown).removeClass('show');
     $(dropdown.parentElement).removeClass('show');
   })

assets/js/modal.js

@@ -1,20 +1,29 @@
-import $ from "./helpers/jq-helpers";
-import ModalTemplate from "./templates/modal";
+import $ from './helpers/jq-helpers';
+import ModalTemplate from './templates/modal';
 
-$("body").append(ModalTemplate);
+$('body').append(ModalTemplate);
+
+const setImage = (image, element) => {
+  if (image) {
+    element.removeClass('hidden');
+    element[0].src = image;
+  } else {
+    element.addClass('hidden');
+  }
+};
 
 setTimeout(() => {
-  const modal = $(".modal");
-  const dialog = $(".modal .modal-dialog");
+  const modal = $('.modal');
+  const dialog = $('.modal .modal-dialog');
 
   function closeDialog() {
-    $("body").removeClass("modal-open");
-    modal.removeClass("show");
+    $('body').removeClass('modal-open');
+    modal.removeClass('show');
   }
 
-  $('[data-dismiss="modal"]').on("click", closeDialog);
+  $('[data-dismiss="modal"]').on('click', closeDialog);
 
-  modal.on("click", e => {
+  modal.on('click', (e) => {
     if (!dialog[0].contains(e.target)) {
       closeDialog();
     }
@@ -23,46 +32,49 @@ setTimeout(() => {
   (window.syna || (window.syna = {})).showModal = function({
     title,
     subtitle,
+    background,
     image,
     icon,
     content,
     labels,
-    size = ""
+    size = '',
   }) {
-    $("body").addClass("modal-open");
-    modal.addClass("show");
-    dialog.$(".title").html(title || "");
-    dialog.$(".subtitle").html(subtitle || "");
-    if (image) {
-      dialog.$("img").removeClass("hidden");
-      dialog.$("img")[0].src = image;
-    } else {
-      dialog.$("img").addClass("hidden");
+    $('body').addClass('modal-open');
+    modal.addClass('show');
+    dialog.$('.title').html(title || '');
+    dialog.$('.subtitle').html(subtitle || '');
+
+    setImage(image, dialog.$('.modal-asset-image'));
+    setImage(background, dialog.$('.modal-background-image'));
+
+    if (!background) {
+      dialog.$('.modal-asset-image').addClass('hidden');
+      setImage(image, dialog.$('.modal-background-image'));
     }
 
     if (labels) {
-      dialog.$(".badge-container").removeClass("hidden");
-      dialog.$(".badge-container").html(labels || "");
+      dialog.$('.badge-container').removeClass('hidden');
+      dialog.$('.badge-container').html(labels || '');
     } else {
-      dialog.$(".badge-container").addClass("hidden");
+      dialog.$('.badge-container').addClass('hidden');
     }
 
     if (icon) {
-      dialog.$(".icon-container").removeClass("hidden");
-      dialog.$(".icon-container").html(icon.replace(/fa-inverse/g, ""));
+      dialog.$('.icon-container').removeClass('hidden');
+      dialog.$('.icon-container').html(icon.replace(/fa-inverse/g, ''));
     } else {
-      dialog.$(".icon-container").addClass("hidden");
+      dialog.$('.icon-container').addClass('hidden');
     }
 
     if (content) {
-      dialog.$(".modal-body .content").html(content);
-      dialog.$(".modal-body .content").removeClass("hidden");
+      dialog.$('.modal-body .content').html(content);
+      dialog.$('.modal-body .content').removeClass('hidden');
     } else {
-      dialog.$(".modal-body .content").addClass("hidden");
+      dialog.$('.modal-body .content').addClass('hidden');
     }
     dialog
-      .removeClass("md")
-      .removeClass("lg")
+      .removeClass('md')
+      .removeClass('lg')
       .addClass(size);
   };
 }, 0);

assets/js/portfolio.js

@@ -8,6 +8,7 @@ portfolioItem.on("click", function() {
     title: (this.querySelector(".title") || _default).innerHTML,
     subtitle: (this.querySelector(".subtitle") || _default).innerHTML,
     content: (this.querySelector(".content") || _default).innerHTML,
+    background: (this.querySelector(".portfolio-background") || _default).src,
     image: (this.querySelector(".portfolio-image") || _default).src,
     icon: (this.querySelector(".portfolio-icon") || _default).innerHTML,
     labels: (this.querySelector(".badge-container") || _default).innerHTML,