From 5fe82239d2d91a38c3952fd19e8e937c31035402 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MBP-2.lan>
Date: Fri, 22 Jan 2021 11:11:07 +0200
Subject: [PATCH] align sticky header to center
---
src/components/site-header/site-header.scss | 1 +
src/components/site-header/site-header.tsx | 6 +++---
2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/components/site-header/site-header.scss b/src/components/site-header/site-header.scss
index e55a3ac5..d7e2b134 100644
--- a/src/components/site-header/site-header.scss
+++ b/src/components/site-header/site-header.scss
@@ -21,6 +21,7 @@
&--sticky-visible {
left: 0;
position: fixed;
+ right: 0;
transform: translateY(0) translateZ(0);
width: 100%;
}
diff --git a/src/components/site-header/site-header.tsx b/src/components/site-header/site-header.tsx
index 340b1df2..d6dec401 100644
--- a/src/components/site-header/site-header.tsx
+++ b/src/components/site-header/site-header.tsx
@@ -60,9 +60,9 @@ export class SiteHeader {
@Listen('scroll', {target: 'window'})
handleScroll() {
- //if (this.el.getAttribute('menu-type') === 'desktop') {
- this.didScroll = true;
- //}
+ if (this.el.getAttribute('menu-type') === 'desktop') {
+ this.didScroll = true;
+ }
}
componentDidLoad() {
--
GitLab