j1-template 2022.3.1 → 2022.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7e8a8bf49396d4fe36c0390c3d0e56028fc6836f7d796a0a848d4446a4925c0a
-  data.tar.gz: ff9e9fb6c8063c8f623a72a5ca396cbd0aba4e2bc7b6de639c53e4ad224c1830
+  metadata.gz: 9bfab6f09ca384febbbce89e8ac08a3d384dfb3f4fd4dbf34d308d9af1b4b615
+  data.tar.gz: c9b599cad6eaaf894765da798fc4d80ea69c1b9f95d5f20ff1ecf6b623bb72f9
 SHA512:
-  metadata.gz: e662b6d65a3a15424e157bfb2acb767575dac5c31cb65b2ec3d4ba575ef534d40de491e981a523330765cc8f198157b03f02ce623b6fca6c47e4df12bfeb9194
-  data.tar.gz: 2872c3531e4f5adecb327af16d5cb7cac8e680b3cfb44b5f3d07121eb3d47a827e86c1ff2a8887391aaf9223744b0ea94cad5c46961a08a8747933fd5c356693
+  metadata.gz: 990fe41a371a2b94625581807a6afdfd49d787c877341d89b661d3a243a21c41c729565ea493a460459d69119f154e7e23266d400a90a896da5a0265023bc9f8
+  data.tar.gz: a7eee8acf6a6952dd326a11f52e6839ec8371b71f90bfd91ecb107caba560113d9c7807ef4ce7ef61f6ddc9fcb367fc19566304b1106264832d526a05c73e9e3

data/_includes/themes/j1/modules/navigator/generator.html

@@ -179,7 +179,7 @@
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for quicklinks ] -->
   {% if quicklinks_options.enabled %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: quicklinks ] -->
-  <div id="{{nav_quicklinks_id}}" class="attr-nav collapse navbar-collapse justify-content-end"></div>
+  <div id="{{nav_quicklinks_id}}" class="quicklink-nav collapse navbar-collapse justify-content-end"></div>
   {% endif %}
 
 </nav>

data/assets/data/cookieconsent.html

@@ -76,7 +76,7 @@ exclude_from_search:                    true
 
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.modal_settings.body_text.en}}</p>
+          <p>{{consent_options.modal_settings.body_text.en}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
@@ -85,7 +85,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.en}}</p>
+            <p>{{consent_options.modal_settings.privacy_notice.en}}</p>
           </div>
         </div>
 
@@ -170,7 +170,7 @@ exclude_from_search:                    true
 
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.modal_settings.body_text.de}}</p>
+          <p>{{consent_options.modal_settings.body_text.de}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-bs-toggle="collapse" class="">Datenschutzerklärung</a>
@@ -179,7 +179,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.de}}</p>
+            <p>{{consent_options.modal_settings.privacy_notice.de}}</p>
           </div>
         </div>
 

data/assets/data/nbinteract.html

@@ -0,0 +1,128 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/nbinteract.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all dialog modals
+ # used by the J1 NBI module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nbinteract_defaults = modules.defaults.nbinteract.defaults %}
+{% assign nbinteract_settings = modules.nbinteract.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nbinteract_options  = nbinteract_defaults | merge: nbinteract_settings %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [j1.assets.data.nbinteract.html               ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} Modal NBI dialog
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="nbi-modal-data">
+  <div id="nbi-dialog" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <p class="lead">{{nbinteract_options.dialogTitle}}</p>
+      </div>
+
+      <div class="modal-body">
+        <div class="modal-body-text" style="font-size: 90%">
+          <p class="mb-3">{{nbinteract_options.dialogBodyText}}</p>
+        </div>
+
+        <p>
+          <a href="#nbi-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
+          <a href="#nbi-actions" data-bs-toggle="collapse" class="float-right">My Actions</a>
+        </p>
+
+        <div id="nbi-privacy" class="collapse">
+          <div class="modal-body-text" style="font-size: 90%">
+            <p class="mb-2">{{nbinteract_options.dialogPrivacyNotice}}</p>
+          </div>
+        </div>
+
+        <div id="nbi-actions" class="collapse">
+          <p class="tagline mt-4 mb-1"><b>Actions</b></p>
+          <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
+
+          <div class="translator-option" data-name="ClearLocalStorage">
+            <div class="switch mb-1">
+              <label>
+                <input id="checkboxClearLocalStorage" type="checkbox" name="checkboxClearLocalStorage" checked>
+                Clear Binder Settings
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <button id="nbi-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
+        No, do nothing
+        </button>
+        <button id="nbi-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
+        Yes, please run all actions
+        </button>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+{% comment %} END Modal NBI dialog
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/quicklinks.html

@@ -43,6 +43,8 @@ exclude_from_search:                    true
 {% assign consent_settings        = modules.cookieconsent.settings %}
 {% assign lunr_search_defaults    = modules.defaults.lunr.defaults %}
 {% assign lunr_search_settings    = modules.lunr.settings %}
+{% assign nbi_defaults            = modules.defaults.nbinteract.defaults %}
+
 
 {% comment %} Control Center disabled
 --------------------------------------------------------------------------------
@@ -124,6 +126,10 @@ exclude_from_search:                    true
 {% assign translator_action       = quicklinks_options.translator_action %}
 {% assign translator_label        = quicklinks_options.translator_label %}
 
+{% assign notebooks_icon          = quicklinks_options.notebooks_icon %}
+{% assign notebooks_action        = quicklinks_options.notebooks_action %}
+{% assign notebooks_label         = quicklinks_options.notebooks_label %}
+
 {% assign r_text_icon             = quicklinks_options.r_text_icon %}
 {% assign r_text_action           = quicklinks_options.r_text_action %}
 {% assign r_text_label            = quicklinks_options.r_text_label %}
@@ -154,6 +160,14 @@ exclude_from_search:                    true
   {% assign show_translator_icon = false %}
 {% endif %}
 
+{% comment %} Show|Hide Notebooks icon
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if nbi_defaults.enabled %}
+  {% assign show_notebooks_icon = true  %}
+{% else %}
+  {% assign show_notebooks_icon = false %}
+{% endif %}
+
 {% comment %} Show|Hide AuthManager icon
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if authentication_enabled %}
@@ -265,6 +279,7 @@ exclude_from_search:                    true
   {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-item {{cookies_action}}" style="display: block;"><a href="#" aria-label="{{cookies_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item {{r_text_action}}" style="display: block;"><a class="nav-icon" href="#" aria-label="{{r_text_label}}" data-bs-toggle="modal" data-bs-target="#fluidModalRTextResizer"><i class="nav-icon {{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_google_translate_icon %}<li id="quickLinksTranslateButton" class="nav-item {{translate_action}}" style="display: block;"><a href="#" aria-label="{{translate_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{translate_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_notebooks_icon %}<li id="quickLinksNotebookseButton" class="nav-item {{notebooks_action}}" style="display: none;"><a href="#" aria-label="{{translate_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{notebooks_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Unused
   --------------------------------------------------------------------------------

data/assets/data/translator.html

@@ -79,7 +79,7 @@ exclude_from_search:                    true
           <p class="mb-3">{{translate_options.google.modal_settings.body_text.en}}</p>
         </div>
         <p style="font-size: 90%">{{translate_options.google.modal_settings.language_selector_title.en}}</p>
-        <div id="dropdownJSON" class="mb-4" style="display:none"></div>
+        <div id="dropdownJSON" class="mb-2" style="display:none"></div>
         <p>
           <a href="#google-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
           <a href="#google-options" data-bs-toggle="collapse" class="float-right">My Settings</a>
@@ -87,7 +87,7 @@ exclude_from_search:                    true
 
         <div id="google-privacy" class="collapse">
           <div class="modal-body-text" style="font-size: 90%">
-            <p class="mb-4">{{translate_options.google.modal_settings.privacy_notice.en}}</p>
+            <p class="mb-2">{{translate_options.google.modal_settings.privacy_notice.en}}</p>
           </div>
         </div>
 
@@ -96,7 +96,7 @@ exclude_from_search:                    true
           <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
 
           <div class="translator-option" data-name="analysis">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
@@ -106,7 +106,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="personalization">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
@@ -116,7 +116,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="useLanguageFromBrowser">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxuseLanguageFromBrowser" type="checkbox" name="checkboxuseLanguageFromBrowser" checked disabled>
                 <span class="bmd-switch-track"></span>
@@ -126,7 +126,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="translateAllPages">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked disabled>
                 <span class="bmd-switch-track"></span>
@@ -136,7 +136,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="translationEnabled">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxTranslationEnabled" type="checkbox" name="checkboxTranslationEnabled" checked>
                 <span class="bmd-switch-track"></span>
@@ -181,7 +181,7 @@ exclude_from_search:                    true
       </div>
       <div class="modal-body">
         <div class="modal-body-text" style="font-size: 90%">
-          <p class="mb-4">{{translate_options.google.modal_settings.body_text.de}}</p>
+          <p class="mb-2">{{translate_options.google.modal_settings.body_text.de}}</p>
         </div>
         <p style="font-size: 90%">{{translate_options.google.modal_settings.language_selector_title.de}}</p>
         <div id="dropdownJSON" class="mb-4" style="display:none"></div>
@@ -192,7 +192,7 @@ exclude_from_search:                    true
 
         <div id="google-privacy" class="collapse">
           <div class="modal-body-text" style="font-size: 90%">
-            <p class="mb-4">{{translate_options.google.modal_settings.privacy_notice.de}}</p>
+            <p class="mb-2">{{translate_options.google.modal_settings.privacy_notice.de}}</p>
           </div>
         </div>
 
@@ -201,7 +201,7 @@ exclude_from_search:                    true
           <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
 
           <div class="translator-option" data-name="analysis">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
@@ -211,7 +211,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="personalization">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
@@ -221,7 +221,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="useLanguageFromBrowser">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxUseLanguageFromBrowser" type="checkbox" name="checkboxUseLanguageFromBrowser" checked>
                 <span class="bmd-switch-track"></span>
@@ -231,7 +231,7 @@ exclude_from_search:                    true
           </div>
 
           <div class="translator-option" data-name="translateAllPages">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked disabled>
                 <span class="bmd-switch-track"></span>
@@ -241,7 +241,7 @@ exclude_from_search:                    true
           </div>
 
           <!-- div class="translator-option" data-name="translatorName">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxTranslatorName" type="checkbox"  name="checkboxTranslatorNameEnabled" disabled="true" checked>
                 <span class="bmd-switch-track"></span>
@@ -251,7 +251,7 @@ exclude_from_search:                    true
           </div -->
 
           <div class="translator-option" data-name="translationEnabled">
-            <div class="switch">
+            <div class="switch mb-1">
               <label>
                 <input id="checkboxTranslator" type="checkbox" name="checkboxTranslator" checked>
                 <span class="bmd-switch-track"></span>

data/assets/themes/j1/adapter/js/mmenu.js

@@ -275,7 +275,8 @@ j1.adapter.mmenu = (function (j1, window) {
 
             const drawer_{{menu_id}} = mmenu_{{menu_id}}.offcanvas ({
               // drawer options
-              position: mmOptions.mmenu_drawer.position
+              position: mmOptions.mmenu_drawer.position,
+              toggle_mode: false
             });
 
             const navigator_{{menu_id}} = mmenu_{{menu_id}}.navigation ({
@@ -286,19 +287,40 @@ j1.adapter.mmenu = (function (j1, window) {
               theme:            mmOptions.mmenu_navigator.theme
             });
 
+            // make sure the QL menu is shown, if mmenu is closed
+            // by mmenu backdrop
+            //
+            $(".mm-ocd").click(function() {
+              $('#quicklinks').show();
+              return false
+            });
+
             // Toggle Bars (Hamburger) for the NavBar to open|close
             // the mmenu drawer
+            //
             $('{{item.menu.content.button}}').each(function(e) {
               var $this = $(this);
+              var clicked;
 
-              $this.on('click', function(e){
+              $this.on('click', function(e) {
                 const button_{{menu_id}} = this;
                 e.preventDefault();
-                drawer_{{menu_id}}.open();
+                // toggle mmenu open|clse
+                clicked = $('body.mm-ocd-opened').length ? true : false;
+                if (clicked) {
+                  drawer_{{menu_id}}.close();
+                  $('#quicklinks').show();
+                  clicked = false;
+                } else {
+                  $('#quicklinks').hide();
+                  drawer_{{menu_id}}.open();
+                  clicked = true;
+                }
               });
             });
 
             // jadams, 2020-09-30: loading the menues (themes) if enabled
+            //
             if (themerEnabled) {
               // load REMOTE themes from Bootswatch API (localFeed EMPTY!)
               $('#remote_themes_mmenu').bootstrapThemeSwitcher({

data/assets/themes/j1/adapter/js/navigator.js

@@ -716,8 +716,8 @@ j1.adapter.navigator = (function (j1, window) {
 
       // navQuicklinks styles
       // -----------------------------------------------------------------------
-      $('head').append('<style>.attr-nav> ul > li > a { color: ' +navQuicklinksOptions.icon_color+ ' !important; }</style>');
-      $('head').append('<style>.attr-nav> ul > li > a:hover { color: ' +navQuicklinksOptions.icon_color_hover+ ' !important; }</style>');
+      $('head').append('<style>.quicklink-nav> ul > li > a { color: ' +navQuicklinksOptions.icon_color+ ' !important; }</style>');
+      $('head').append('<style>.quicklink-nav> ul > li > a:hover { color: ' +navQuicklinksOptions.icon_color_hover+ ' !important; }</style>');
 
       // navMenu styles
       // -----------------------------------------------------------------------