summaryrefslogtreecommitdiff
path: root/src/client/app/mobile/views/components/post-form.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/app/mobile/views/components/post-form.vue')
-rw-r--r--src/client/app/mobile/views/components/post-form.vue49
1 files changed, 4 insertions, 45 deletions
diff --git a/src/client/app/mobile/views/components/post-form.vue b/src/client/app/mobile/views/components/post-form.vue
index 62ec54a093..c558178cbb 100644
--- a/src/client/app/mobile/views/components/post-form.vue
+++ b/src/client/app/mobile/views/components/post-form.vue
@@ -40,7 +40,7 @@
</div>
</div>
<div class="hashtags" v-if="recentHashtags.length > 0">
- <a class="hashtag" v-for="tag in recentHashtags" @click="addTag(tag)">%fa:hashtag%{{ tag }}</a>
+ <a v-for="tag in recentHashtags.slice(0, 5)" @click="addTag(tag)">#{{ tag }}</a>
</div>
</div>
</template>
@@ -165,22 +165,6 @@ export default Vue.extend({
this.$nextTick(() => {
this.focus();
});
-
- const hashtags = [...document.getElementsByClassName('hashtag')];
- const hashtagsContainer = hashtags[0].parentElement;
- let offsetX = 0
- const update = () => {
- if (hashtags[0].getBoundingClientRect().right <= hashtagsContainer.getBoundingClientRect().left) {
- hashtags.push(hashtags.shift());
- offsetX = 0;
- hashtags.map(x => x.style.transform = 'translateX(0)');
- } else {
- offsetX--;
- hashtags.map(x => x.style.transform = `translateX(${offsetX}px)`);
- }
- requestAnimationFrame(update);
- };
- update()
},
methods: {
@@ -481,35 +465,10 @@ root(isDark)
box-shadow none
> .hashtags
- margin 0 -16px 8px
- overflow-x hidden
- white-space nowrap
+ margin 8px
+
> *
- background $theme-color
- border-radius: 0 4px 4px 0
- color isDark ? #282c37 : #fff8f6
- margin-left 28px
- white-space nowrap
- &::before
- background inherit
- border-radius 4px 0
- content ''
- display inline-block
- height 17.677669529663688110021109052621225982120898442212px
- position absolute
- right 100%
- top 50%
- transform translateY(-50%) translateX(50%) rotate(-45deg)
- width 17.677669529663688110021109052621225982120898442212px
- &::after
- background isDark ? #282c37 : #fff8f6
- border-radius 50%
- content ''
- height 4px
- left -6.25px
- position absolute
- top 10px
- width 4px
+ margin-right 8px
.mk-post-form[data-darkmode]
root(true)