mirror of
https://framagit.org/framasoft/mobilizon.git
synced 2024-12-25 09:22:22 +00:00
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:
commit
8f249f0f75
2 changed files with 13 additions and 7 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue