diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-09 14:47:52 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-09 14:47:52 +0900 |
| commit | 49b43eb3c829fe10ea09e2c78fd774bfd99e0419 (patch) | |
| tree | 57219532660b0c2292e30ff200ce01b01eaa714c /src | |
| parent | :art: (diff) | |
| download | sharkey-49b43eb3c829fe10ea09e2c78fd774bfd99e0419.tar.gz sharkey-49b43eb3c829fe10ea09e2c78fd774bfd99e0419.tar.bz2 sharkey-49b43eb3c829fe10ea09e2c78fd774bfd99e0419.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/global/header.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/client/components/global/header.vue b/src/client/components/global/header.vue index 977912e2bd..7953d8a6d6 100644 --- a/src/client/components/global/header.vue +++ b/src/client/components/global/header.vue @@ -91,11 +91,15 @@ export default defineComponent({ bg.setAlpha(0.85); this.bg = bg.toRgbString(); - if (this.$el.parentElement == null) return; - this.narrow = this.$el.parentElement.offsetWidth < 500; - new ResizeObserver((entries, observer) => { + if (this.$el.parentElement) { this.narrow = this.$el.parentElement.offsetWidth < 500; - }).observe(this.$el.parentElement); + new ResizeObserver((entries, observer) => { + this.narrow = this.$el.parentElement.offsetWidth < 500; + }).observe(this.$el.parentElement); + const currentStickyTop = getComputedStyle(this.$el).getPropertyValue('--stickyTop') || '0px'; + this.$el.style.setProperty('--stickyTop', currentStickyTop); + this.$el.parentElement.style.setProperty('--stickyTop', `calc(${currentStickyTop} + ${this.$el.offsetHeight}px)`); + } }, methods: { |