Merge branch 'fix-cursor-pointer-on-profile-names' into 'master'

Remove cursor: pointer on profile names

Closes #358

See merge request framasoft/mobilizon!493
This commit is contained in:
Thomas Citharel 2020-06-25 11:01:59 +02:00
commit 8f249f0f75
2 changed files with 13 additions and 7 deletions

View file

@ -1,5 +1,5 @@
<template>
<div :class="{ clickable: popover }">
<div>
<div class="media" style="align-items: top;">
<div class="media-left">
<figure class="image is-32x32" v-if="actor.avatar">
@ -36,10 +36,6 @@ export default class ActorCard extends Vue {
}
</script>
<style lang="scss" scoped>
.clickable {
cursor: pointer;
}
.summary.limit {
max-width: 25rem;
display: -webkit-box;

View file

@ -1,5 +1,10 @@
<template>
<v-popover offset="16" trigger="hover" :class="{ inline }" class="clickable">
<v-popover
offset="16"
trigger="hover"
class="popover"
:class="{ inline, clickable: actor && actor.type === ActorType.GROUP }"
>
<slot></slot>
<template slot="popover" class="popover">
<actor-card :full="true" :actor="actor" :popover="true" />
@ -8,7 +13,7 @@
</template>
<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
import { IActor } from "../../types/actor";
import { IActor, ActorType } from "../../types/actor";
import ActorCard from "./ActorCard.vue";
@Component({
@ -20,6 +25,8 @@ export default class PopoverActorCard extends Vue {
@Prop({ required: true, type: Object }) actor!: IActor;
@Prop({ required: false, type: Boolean, default: false }) inline!: boolean;
ActorType = ActorType;
}
</script>
@ -27,6 +34,9 @@ export default class PopoverActorCard extends Vue {
.inline {
display: inline;
}
.popover {
cursor: default;
}
.clickable {
cursor: pointer;
}