ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: ds-text out

Browse Source
This commit is contained in:
Raphael Beer 2020-04-01 11:15:47 +02:00
parent 9dd65aa6d5
commit 72dfeb3983
No known key found for this signature in database
GPG Key ID: C1AC5E018B25EF11
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
webapp/components/features/FollowList/FollowList.vue
View File

@ -1,23 +1,22 @@
<template>
<base-card class="follow-list">
<template v-if="connections && connections.length">
<ds-text tag="h5" color="soft" class="spacer-x-small">
<h5 class="title spacer-x-small">
{{ userName | truncate(15) }} {{ $t(`profile.network.${type}`) }}
</ds-text>
</h5>
<div :class="connectionsClass">
<user-teaser
v-for="connection in filteredConnections"
:user="connection"
:key="connection.id"
:user="connection"
class="spacer-x-small"
/>
</div>
<base-button
v-if="allConnectionsCount - connections.length"
:loading="loading"
size="small"
color="softer"
class="spacer-x-small"
size="small"
@click="$emit('fetchAllConnections', type)"
>
{{
@ -29,11 +28,11 @@
<ds-input
v-if="connections.length > 7"
v-focus="true"
:placeholder="filter"
size="small"
icon="filter"
:name="`${type}Filter`"
:placeholder="filter"
class="spacer-x-small"
icon="filter"
size="small"
@input.native="setFilter"
/>
</template>
@ -128,6 +127,11 @@ export default {
//max-height: ($size-avatar-small + $space-x-small * 2) * 8;
width: auto;
> .title {
color: $text-color-soft;
font-size: $font-size-small + 0.03rem;
}
.connections.--overflow {
height: ($size-avatar-base + $space-x-small * 2) * 5;
margin-top: -$space-x-small;