From e0dca2e3d8ec4077dcc7954d5c3ebd524d386660 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Hern=C3=A1ndez?= <danhernan23i@gmail.com>
Date: Thu, 10 Nov 2022 21:50:29 -0400
Subject: [PATCH] fix: workaround for sticky image container header
---
packages/client/src/pages/user/index.photos.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/packages/client/src/pages/user/index.photos.vue b/packages/client/src/pages/user/index.photos.vue
index 9fbd3a22e..703b3adce 100644
--- a/packages/client/src/pages/user/index.photos.vue
+++ b/packages/client/src/pages/user/index.photos.vue
@@ -1,5 +1,5 @@
<template>
-<MkContainer :max-height="300" :foldable="true">
+<MkContainer id="photos-container" :max-height="300" :foldable="true">
<template #header><i class="ph-image-bold ph-lg" style="margin-right: 0.5em;"></i>{{ i18n.ts.images }}</template>
<div class="ujigsodd">
<MkLoading v-if="fetching"/>
@@ -73,6 +73,10 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
+#photos-container {
+ --stickyTop: 0;
+}
+
.ujigsodd {
padding: 8px;