Page MenuHomePhorge
Files F85629411

No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue
index b6b7ab95ab..6bd786b378 100644
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@@ -1,74 +1,71 @@
<template>
<Popover
trigger="hover"
placement="top"
:offset="{ y: 5 }"
>
<template slot="trigger">
<slot />
</template>
<div
slot="content"
- class="reacted-users"
+ class="user-list-popover"
>
<div v-if="users.length">
<div
v-for="(user) in users"
:key="user.id"
- class="reacted-user"
+ class="user-list-row"
>
<UserAvatar
:user="user"
class="avatar-small"
:compact="true"
/>
- <div class="reacted-user-names">
+ <div class="user-list-names">
<!-- eslint-disable vue/no-v-html -->
- <span
- class="reacted-user-name"
- v-html="user.name_html"
- />
+ <span v-html="user.name_html" />
<!-- eslint-enable vue/no-v-html -->
- <span class="reacted-user-screen-name">{{ user.screen_name }}</span>
+ <span class="user-list-screen-name">{{ user.screen_name }}</span>
</div>
</div>
</div>
<div v-else>
<i class="icon-spin4 animate-spin" />
</div>
</div>
</Popover>
</template>
<script src="./user_list_popover.js" ></script>
<style lang="scss">
@import '../../_variables.scss';
-.reacted-users {
+.user-list-popover {
padding: 0.5em;
-}
-
-.reacted-user {
- padding: 0.25em;
- display: flex;
- flex-direction: row;
- .reacted-user-names {
+ .user-list-row {
+ padding: 0.25em;
display: flex;
- flex-direction: column;
- margin-left: 0.5em;
- min-width: 5em;
+ flex-direction: row;
+
+ .user-list-names {
+ display: flex;
+ flex-direction: column;
+ margin-left: 0.5em;
+ min-width: 5em;
- img {
- width: 1em;
- height: 1em;
+ img {
+ width: 1em;
+ height: 1em;
+ }
}
- }
- .reacted-user-screen-name {
- font-size: 9px;
+ .user-list-screen-name {
+ font-size: 9px;
+ }
}
}
</style>

File Metadata

Mime Type
text/x-diff
Expires
Sat, Aug 8, 8:40 PM (1 d, 18 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1723953
Default Alt Text
(2 KB)

Event Timeline