IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +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> <template>
<base-card class="follow-list"> <base-card class="follow-list">
<template v-if="connections && connections.length"> <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}`) }} {{ userName | truncate(15) }} {{ $t(`profile.network.${type}`) }}
</ds-text> </h5>
<div :class="connectionsClass"> <div :class="connectionsClass">
<user-teaser <user-teaser
v-for="connection in filteredConnections" v-for="connection in filteredConnections"
:user="connection"
:key="connection.id" :key="connection.id"
:user="connection"
class="spacer-x-small" class="spacer-x-small"
/> />
</div> </div>
<base-button <base-button
v-if="allConnectionsCount - connections.length" v-if="allConnectionsCount - connections.length"
:loading="loading" :loading="loading"
size="small"
color="softer"
class="spacer-x-small" class="spacer-x-small"
size="small"
@click="$emit('fetchAllConnections', type)" @click="$emit('fetchAllConnections', type)"
> >
{{ {{
@ -29,11 +28,11 @@
<ds-input <ds-input
v-if="connections.length > 7" v-if="connections.length > 7"
v-focus="true" v-focus="true"
:placeholder="filter"
size="small"
icon="filter"
:name="`${type}Filter`" :name="`${type}Filter`"
:placeholder="filter"
class="spacer-x-small" class="spacer-x-small"
icon="filter"
size="small"
@input.native="setFilter" @input.native="setFilter"
/> />
</template> </template>
@ -128,6 +127,11 @@ export default {
//max-height: ($size-avatar-small + $space-x-small * 2) * 8; //max-height: ($size-avatar-small + $space-x-small * 2) * 8;
width: auto; width: auto;
> .title {
color: $text-color-soft;
font-size: $font-size-small + 0.03rem;
}
.connections.--overflow { .connections.--overflow {
height: ($size-avatar-base + $space-x-small * 2) * 5; height: ($size-avatar-base + $space-x-small * 2) * 5;
margin-top: -$space-x-small; margin-top: -$space-x-small;