darkkirb/akkoma-fe
1
0
Fork 0
forked from mirrors/akkoma-fe
Code Pull requests Activity

fix position account actions

Browse source
This commit is contained in:
Maksim Pechnikov 2019-10-11 14:07:34 +03:00
parent 69fb015e9f
commit b497882e0e
2 changed files with 32 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/account_actions/account_actions.vue
View file

@ -91,4 +91,7 @@
}
}
.account-actions .open {
min-width: 130px;
}
</style>

40
src/components/user_card/user_card.vue
View file

@ -59,17 +59,22 @@
:title="$t('tool_tip.user_settings')"
/>
</router-link>
<AccountActions
v-if="loggedIn && isOtherUser"
:user="user"
/>
<a
v-if="isOtherUser && !user.is_local"
:href="user.statusnet_profile_url"
target="_blank"
<div
v-if="isOtherUser"
class="card-actions"
>
<i class="icon-link-ext usersettings" />
</a>
<AccountActions
v-if="loggedIn"
:user="user"
/>
<a
v-if="!user.is_local"
:href="user.statusnet_profile_url"
target="_blank"
>
<i class="icon-link-ext usersettings" />
</a>
</div>
</div>
<div class="bottom-line">
@ -273,7 +278,7 @@
mask: linear-gradient(to top, white, transparent) bottom no-repeat,
linear-gradient(to top, white, white);
// Autoprefixed seem to ignore this one, and also syntax is different
-webkit-mask-composite: xor;
-webkit-mask-composite: xor;
mask-composite: exclude;
background-size: cover;
mask-size: 100% 60%;
@ -410,6 +415,19 @@
.top-line {
display: flex;
.card-actions {
position: relative;
display: flex;
width: 60px;
.account-actions {
position: absolute;
left: 0;
}
a {
position: absolute;
right: 0;
}
}
}
}