DatseMultimediaSites
/
Sharkey
mirror of https://activitypub.software/TransFem-org/Sharkey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2021-10-09 14:47:52 +09:00
parent 6b22b7a31f
commit 49b43eb3c8
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/components/global/header.vue
View File

@ -91,11 +91,15 @@ export default defineComponent({
bg.setAlpha(0.85); bg.setAlpha(0.85);
this.bg = bg.toRgbString(); this.bg = bg.toRgbString();
if (this.$el.parentElement == null) return; if (this.$el.parentElement) {
this.narrow = this.$el.parentElement.offsetWidth < 500; this.narrow = this.$el.parentElement.offsetWidth < 500;
new ResizeObserver((entries, observer) => { new ResizeObserver((entries, observer) => {
this.narrow = this.$el.parentElement.offsetWidth < 500; this.narrow = this.$el.parentElement.offsetWidth < 500;
}).observe(this.$el.parentElement); }).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: { methods: {