therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change external link icon, move chat from side panel to floating, hide own bio, prevent body/app from scrolling horizontally.

Browse source
This commit is contained in:
shpuld 2018-04-14 10:19:09 +03:00
parent 1db9b1e1ad
commit 96692454a0
19 changed files with 160 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/chat_panel/chat_panel.vue
View file

@ -32,8 +32,8 @@
<div class="panel panel-default">
<div class="panel-heading stub timeline-heading chat-heading" @click.stop.prevent="togglePanel">
<div class="title">
<i class="icon-comment-empty"></i>
{{$t('chat.title')}}
<i class="icon-plus-squared" style="float: right;"></i>
</div>
</div>
</div>
@ -44,12 +44,25 @@
<style lang="scss">
@import '../../_variables.scss';
.floating-chat {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 1000;
}
.chat-heading {
cursor: pointer;
.icon-comment-empty {
color: $fallback--fg;
color: var(--fg, $fallback--fg);
}
}
.chat-window {
max-height: 200px;
width: 345px;
max-height: 40vh;
overflow-y: auto;
overflow-x: hidden;
}

2
src/components/status/status.vue
View file

@ -54,7 +54,7 @@
<router-link class="timeago" :to="{ name: 'conversation', params: { id: status.id } }">
<timeago :since="status.created_at" :auto-update="60"></timeago>
</router-link>
<a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-binoculars"></i></a>
<a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext"></i></a>
<template v-if="expandable">
<a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a>
</template>

2
src/components/user_card_content/user_card_content.js
View file

@ -2,7 +2,7 @@ import StillImage from '../still-image/still-image.vue'
import { hex2rgb } from '../../services/color_convert/color_convert.js'
export default {
props: [ 'user', 'switcher' ],
props: [ 'user', 'switcher', 'hideBio' ],
computed: {
headingStyle () {
const color = this.$store.state.config.colors.bg

4
src/components/user_card_content/user_card_content.vue
View file

@ -6,7 +6,7 @@
<i class="icon-cog usersettings"></i>
</router-link>
<a :href="user.statusnet_profile_url" target="_blank" style="float: right; margin-top:16px;" v-if="isOtherUser">
<i class="icon-binoculars usersettings"></i>
<i class="icon-link-ext usersettings"></i>
</a>
<div class='container'>
<router-link :to="{ name: 'user-profile', params: { id: user.id } }">
@ -90,7 +90,7 @@
<span>{{user.followers_count}}</span>
</div>
</div>
<p>{{user.description}}</p>
<p v-if="!hideBio">{{user.description}}</p>
</div>
</div>
</template>

2
src/components/user_panel/user_panel.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="user-panel">
<div v-if='user' class="panel panel-default" style="overflow: visible;">
<user-card-content :user="user" :switcher="false"></user-card-content>
<user-card-content :user="user" :switcher="false" :hideBio="true"></user-card-content>
<div class="panel-footer">
<post-status-form v-if='user'></post-status-form>
</div>