fix position account actions

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

View file

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

View file

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