From d275ecde2ef5a03d18e0cf1cc978c944a5dc04fa Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 10 Mar 2022 14:10:10 +0100 Subject: [PATCH] menu header --- web/themes/custom/eql/css-compiled/styles.css | 6 +- web/themes/custom/eql/scripts/main.js | 75 ------------------- .../custom/eql/scss/partials/_header.scss | 8 +- 3 files changed, 9 insertions(+), 80 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index dd53827..2afe10f 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -3511,6 +3511,7 @@ a { display: flex; flex-direction: row; justify-content: space-between; + padding-left: 3rem; width: 100%; padding-inline-start: 0px; padding: 1rem; } @@ -3523,7 +3524,6 @@ a { min-width: 100px; width: 100%; justify-content: space-between; - background: white; padding-inline-start: 0px; } #header-top .region-header-top-left ul ul .is-active { color: #009ee3; } @@ -3533,7 +3533,9 @@ a { background-color: white; padding-bottom: 0.8rem; max-width: inherit; - align-items: center; } + width: 200px; + align-items: center; + padding-left: 1rem; } #header-top .region-header-top-left ul li a { color: black; } #header-top .region-header-top-left ul li .is-active { diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index f979082..60d2e3f 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -156,78 +156,3 @@ jQuery(function($) { // /////////////////////////////// -// (function(document, history, location) { -// var HISTORY_SUPPORT = !!(history && history.pushState); - -// var anchorScrolls = { -// ANCHOR_REGEX: /^#[^ ]+$/, -// OFFSET_HEIGHT_PX: 50, - -// /** -// * Establish events, and fix initial scroll position if a hash is provided. -// */ -// init: function() { -// this.scrollToCurrent(); -// $(window).on('hashchange', $.proxy(this, 'scrollToCurrent')); -// $('body').on('click', 'a', $.proxy(this, 'delegateAnchors')); -// }, - -// /** -// * Return the offset amount to deduct from the normal scroll position. -// * Modify as appropriate to allow for dynamic calculations -// */ -// getFixedOffset: function() { -// return this.OFFSET_HEIGHT_PX; -// }, - -// /** -// * If the provided href is an anchor which resolves to an element on the -// * page, scroll to it. -// * @param {String} href -// * @return {Boolean} - Was the href an anchor. -// */ -// scrollIfAnchor: function(href, pushToHistory) { -// var match, anchorOffset; - -// if(!this.ANCHOR_REGEX.test(href)) { -// return false; -// } - -// match = document.getElementById(href.slice(1)); - -// if(match) { -// anchorOffset = $(match).offset().top - this.getFixedOffset(); -// $('html, body').animate({ scrollTop: anchorOffset}); - -// // Add the state to history as-per normal anchor links -// if(HISTORY_SUPPORT && pushToHistory) { -// history.pushState({}, document.title, location.pathname + href); -// } -// } - -// return !!match; -// }, - -// /** -// * Attempt to scroll to the current location's hash. -// */ -// scrollToCurrent: function(e) { -// if(this.scrollIfAnchor(window.location.hash) && e) { -// e.preventDefault(); -// } -// }, - -// /** -// * If the click event's target was an anchor, fix the scroll position. -// */ -// delegateAnchors: function(e) { -// var elem = e.target; - -// if(this.scrollIfAnchor(elem.getAttribute('href'), true)) { -// e.preventDefault(); -// } -// } -// }; - -// $(document).ready($.proxy(anchorScrolls, 'init')); -// })(window.document, window.history, window.location); diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index f598052..5d186f1 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -77,6 +77,7 @@ display: flex; flex-direction: row; justify-content: space-between; + padding-left: 3rem; // margin-right: 20px; width: 100%; padding-inline-start: 0px; @@ -91,7 +92,7 @@ min-width: 100px; width: 100%; justify-content: space-between; - background:$white; + // background:$white; // padding-inline-start: 0; padding-inline-start: 0px; @@ -106,10 +107,11 @@ background-color: $white; padding-bottom: 0.8rem; max-width: inherit; + width: 200px; align-items: center; - // padding-left: 0; + padding-left: 1rem; // text-align: none - ; + // .menuOpen{ // display: flex; // }